获取div内span的所有属性值

Question

我有一个 div，其中有很多跨度，如下所示：

<div id="mydiv">
    <span id="first_id" itemindex="0">first span</span>
    <span id="second_id" itemindex="1">second span</span>
    <span id="third_id" itemindex="2">third span</span>
    ...
</div>

我想在 JQuery 中定义函数“getItemIndexValues()”，该函数获取“myDiv”中的所有值。有可能吗？

Answer 1

您希望使用 data- 前缀属性。

HTML：

<div id="mydiv">
    <span id="first_id" data-itemindex="0">first span</span>
    <span id="second_id" data-itemindex="1">second span</span>
    <span id="third_id" data-itemindex="2">third span</span>
</div>

JavaScript：

var arr = $( 'span', '#mydiv' ).map( function () {
    return $( this ).data( 'itemindex' );
}).get();

此处，arr 将是 [ '0', '1', '2' ]

现场演示： http://jsfiddle.net/fQJAk/

顺便说一句，如果您喜欢数字数组，请执行以下操作：

return +$( this ).data( 'itemindex' );
-------^

Answer 2

我没有验证它，但我认为这应该可行：

$("#mydiv>span").each(function(a,b){
    alert($(b).attr('itemindex'));
});

通过在此处使用子选择器： http:// api.jquery.com/child-selector/