jQuery select attributes into an array

Question

What's the most elegant way to get this array

[10, 20, 30, 40, 50] 

out of this list

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

using jQuery.

Answer 1

****edit****

ok the glove has been thrown down...

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

no library 3 lines of code...

epicly faster

---

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

and using jquery's map function...

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

and they are both equally as fast.. http://jsperf.com/testing-stuff