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-* 属性：

当数据属性是对象（以'{'开头）或数组（以'['开头）时，则使用jQuery.parseJSON来解析字符串；它必须遵循有效的 JSON 语法，包括引用的属性名称。