Question

我想从.my-li元素的data-val属性中获取一组值

<ul id="stuff">
<li class='my-li' data-val='1'>
<li class='my-li' data-val='2'>
<li class='my-li' data-val='3'>
<li class='my-li' data-val='4'>
<li class='my-li' data-val='5'>
<ul>

这里的结果应该是[1,2,3,4,5];

有人知道这样做的好方法吗？

Answer 1

尝试：

var foo = $('#stuff .my-li').map(function () {
  return $(this).data('val');
});

Answer 2

试试这个简单的。

var array = [];
$('.my-li').each(function(){
array.push($(this).attr('data-val'));
});
alert(array);

小提琴：http://jsfiddle.net/pp5pw/

Answer 3

var foo = $('#stuff .my-li').map(function () {
   return $(this).attr('data-val');
});

console.log(foo[0])

jsfiddle转到http://jsfiddle.net/granjoy/KxQAr/

从某个css类的元素列表中获取一组data-val值

3 个答案: