jQuery chọn thuộc tính thành một mảng

Question

gì là cách thanh lịch nhất để có được mảng này

[10, 20, 30, 40, 50] 

ra khỏi danh sách này

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

sử dụng jQuery.

Answer 1

**** chỉnh sửa ****

ok chiếc găng tay đã được ném xuống ...

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

không có thư viện 3 dòng mã ...

epicly nhanh hơn

---

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

và sử dụng chức năng bản đồ jquery của ...

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

và họ đều bình đẳng càng nhanh .. http://jsperf.com/testing-stuff

Answer 2

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

Answer 3

Nói mã thanh lịch , chúng tôi có thể có giải pháp tốt hơn bằng cách sử dụng dấu gạch dưới kết hợp với jQuery:

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

Và trong khi chúng tôi đang ở đó, tại sao không đổ Javascript cho CoffeeScript:

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

;-)

Answer 4

Tôi nghĩ rằng bản đồ chỉ hoạt động tốt .. không phải trong chuỗi.

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