jQuery wybierz atrybuty do tablicy

Question

Co znajduje się w najbardziej elegancki sposób na zdobycie tej tablicy

[10, 20, 30, 40, 50] 

z tej listy

<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> 

przy użyciu jQuery.

Answer 1

**** edit ****

ok rękawica została rzucona ...

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

nie biblioteka 3 linie kodu ...

zdecydowanie szybszy

---

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

i za pomocą funkcji map jQuery za ...

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

i obie są równie szybko .. http://jsperf.com/testing-stuff

Answer 2

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

Answer 3

Mówiąc o eleganckim kodu , możemy uzyskać lepsze rozwiązanie za pomocą znaku podkreślenia w połączeniu z jQuery:

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

A skoro już przy tym jesteśmy, dlaczego nie zrzucić Javascript dla coffeescript:

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

;-)

Answer 4

myślę, że mapa działa dobrze .. po prostu nie w łańcuchu.

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