jQuery sélectionne les attributs dans un tableau

Question

Quelle est la façon la plus élégante d'obtenir ce tableau

 [10, 20, 30, 40, 50]

hors de cette liste

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

en utilisant jQuery.

Answer 1

Je pense que cette carte fonctionne très bien... mais pas dans la chaîne.

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

Answer 2

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

Answer 3

En parlant de code élégant, nous pouvons obtenir une meilleure solution en utilisant Underscore en combinaison avec jQuery :

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

Et pendant que nous y sommes, pourquoi ne pas vider Javascript pour CoffeeScript :

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

;-)