javascript - 使用 jQuery 迭代数据属性

Question

我对以下内容还不太了解，希望您能理解这个过程。

我有这个 HTML

<span data-credit-name="Name_1"><strong>1</strong> Name 1</span><br />
<span data-credit-name="Name_2"><strong>2</strong> Name 2</span><br />
<span data-credit-name="Name_3"><strong>1</strong> Name 3</span><br />
<span data-credit-name="Name_4"><strong>1</strong> Name 4</span><br />
<span data-credit-name="Name_5"><strong>3</strong> Name 5</span><br />
<span data-credit-name="Name_6"><strong>1</strong >Name 6</span><br />
<span data-credit-name="Name_7"><strong>4</strong> Name 7</span><br />

我想做的是迭代每个跨度并收集其 data-credit-name 和强标记内的值，并创建一个如下所示的 js 对象

var credit = {Name_1:"1", Name_2:"2", Name_3:"3"};

我尝试这样做来获取第一个，但返回空字符串:

var credit = $('span[data-credit-name]:first').text();
console.log(credit);

Answer 1

这应该可以解决问题...

var credit = {};

$("span[data-credit-name]").each(function() {
    credit[$(this).data("credit-name")] = $(this).find("strong").text();
});

jsfiddle 示例...

http://jsfiddle.net/t9bthjg4/