javascript - jQuery - 遍历数据选项

Question

我正在使用 jQuery 的 .data()在 anchor 标记上存储一些额外数据的方法。

<a href="/someurl/" class="someLink" data-options="{'checkout_authentication':'create_account', 'foo':'bar'}">Link</a>

我从给出的示例中看到，我可以像这样访问数据属性:

$("a.someLink").data("options").foo

其中“foo”是其中一个键的名称。这很好用，但我并不总是知道存在哪些数据属性，因此我无法具体调用它们。我想不指定名称，只获取数据选项属性的全部内容并遍历每个键以构建查询字符串。

我试过类似下面的方法:

var dataOptions = $(this).data('options');

for(var index in dataOptions) {
    console.log(index,dataOptions[index]);
};

但那是输出以下内容:

Answer 1

将您的 html 更改为:

<a
  href="/someurl/"
  class="someLink"
  data-options='{"foo":"barski", "bar":"fooski"}'
>Link</a>​​​​​​​​​​​​​​​​​​​​​​​​​​

注意 json 字符串引号的变化。这是必需的，因为唯一有效的引号是双引号。

演示:http://jsfiddle.net/p5MGG/1/