jquery - HTMLデータ属性値jQueryオブジェクト

Question

HTML属性値をJQueryオブジェクトとして使用するにはどうすればよい$.paramですか？

<div data-sd="{a:1,b:1,c:2}"></div>

これを試してみると、奇妙な結果が得られました。

<script type="text/javascript">
var v = $.param($('div').data('sd'));
</script>

Answer 1

整形式のJSONにするために、オブジェクトのプロパティ名を二重引用符で囲みます。

<div data-sd='{"a":1,"b":1,"c":2}'></div>​​​​​​​​​​​​​​​​​​​

その後、期待どおり$.paramに戻りa=1&b=1&c=2ます。デモ。

HTML5 data-* Attributesから:

データ属性がオブジェクト(「{」で始まる) または配列 (「[」で始まる) の場合、jQuery.parseJSON を使用して文字列が解析されます。引用されたプロパティ名を含む有効な JSON 構文に従う必要があります。