javascript - jQuery data() のプロパティ内にプロパティを設定する方法

Question

特定のデータプロパティが要素に存在し、それがオブジェクトであることがわかっている場合、そのデータオブジェクトの新しいプロパティとして何かを保存するにはどうすればよいですか?

たとえば、次の div があります。

<div id="theDiv" data-test1="{string: 'test 1 data'}"></div>

そして、私は次のようにデータを設定しようとしています:

div.data(["test1"]["number"], 1);

しかし、それは私をどこにも連れて行っていません。そしてdiv.data(["test1"]["number"]) = 1;、代入エラーで左辺を取得します。

score 5 · Accepted Answer

値を取得してから再保存する必要があります。

div.data('test1', function(prev) {
  prev.number = 1;
  return prev;
}(div.data('test1')));

これを行うだけでおそらく安全です：

div.data('test1').number = 1;

しかし、そのようなことは私にウィリーを与えます。

編集— jQuery に JSON をそのまま理解させたい場合は、有効である必要があります。

<div id="theDiv" data-test1='{"string": "test 1 data"}'></div>

二重引用符のみ。プロパティ名も引用符で囲む必要があります。

1 に答える 1