jQuery选择属性到数组中

Question

获得此阵列最优雅的方法是什么

[10, 20, 30, 40, 50]

在此列表之外

<ul>  
    <li value="10">Item One</li>
    <li value="20">Item Two</li>
    <li value="30">Item three</li>
    <li value="40">Item Four</li>
    <li value="50">Item Five</li>
</ul>

使用jQuery.

Answer 1

****编辑****

好的,手套已被抛下......

var elements = (document.getElementsByTagName('li'));
var vals = [];
for(var i=0;typeof(elements[i])!='undefined';vals.push(elements[i++].getAttribute('value')));

没库3行代码......

史诗般的更快

var myVals = [];
$('li','ul').each(function(){
  myVals.push($(this).attr('value'));
});

并使用jquery的map函数...

var myVals = [];
$('li','ul').map(function(){
  myVals.push($(this).attr('value'));
});

而且它们都同样快...... http://jsperf.com/testing-stuff

Answer 2

我认为地图工作得很好..只是不在链中.

var vals = $.map($("li[value]"), function(li) {
    return $(li).attr("value");
});

Answer 3

var outVal = [];
$('ul li').each(function(idx, el){
    outVal.push($(this).attr('value'));
});

Answer 4

说到优雅的代码,我们可以使用Underscore结合jQuery获得更好的解决方案:

_($('ul li').toArray()).map(function(e) { return e.value })

虽然我们在这里,为什么不为CoffeeScript转储Javascript:

_($('ul li').toArray()).map (e) -> e.value

;-)