HTML數據屬性值jQuery對象

Question

如何使用$.param將HTML屬性值用作JQuery對象？

<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屬性是一個對象 （以'{'開頭）或數組（以'['開頭）時，則使用jQuery.parseJSON來解析字符串; 它必須遵循有效的JSON語法， 包括引用的屬性名稱 。