如何从列表中获取每个元素的数据属性

时间:2014-07-02 22:19:00

标签: javascript jquery attributes jquery-data

我有这个"列表":

<div class="list">
    <div class="test" data-id="1"></div>
    <div class="test" data-id="2"></div>
    <div class="test" data-id="3"></div>
    <div class="test" data-id="4"></div>
    <div class="test" data-id="5"></div>
</div>

我需要获得所有元素的data属性,所以我这样做:

var _this = $('.list'),
    _el = _this.find('div');

var _id = $.map(_el, function(el) {
    return {name: 'offer-id', value: $(el).data('id')}
});

但我得到的只是第一个元素的属性......有什么问题?小提琴:http://jsfiddle.net/4DRxz/

1 个答案:

答案 0 :(得分:1)

根据jQuery documentation,map函数将返回一个包含映射元素的数组。如果需要,可以迭代它们。 像:

for(var i=0; i<_id.length; i++){
   // do stuff with _id[i].value here
}

或按照其他答案的建议使用$.each

Updated fiddle