Nhận một loạt các nội dung tố danh sách trong jQuery

Question

Tôi có một cấu trúc như thế này:

<ul> 
    <li>text1</li> 
    <li>text2</li> 
    <li>text3</li> 
</ul> 

Làm thế nào để sử dụng javascript hoặc jQuery để có được những văn bản như một mảng?

['text1', 'text2', 'text3'] 

Kế hoạch của tôi sau này là để lắp ráp nó thành một chuỗi, có lẽ sử dụng .join(', '), và làm cho nó trong một định dạng như thế này:

'"text1", "text2", "text3"' 

Answer 1

var optionTexts = []; 
$("ul li").each(function() { optionTexts.push($(this).text()) }); 

... nên làm các trick. Để có được kết quả cuối cùng bạn đang tìm kiếm, join() cộng với một số nối sẽ làm độc đáo:

var quotedCSV = '"' + optionTexts.join('", "') + '"'; 

Answer 2

var arr = new Array(); 

$('li').each(function() { 
    arr.push(this.innerHTML); 
}) 

Answer 3

Và trong javascript sạch:

var texts = [], lis = document.getElementsByTagName("li"); 
for(var i=0, im=lis.length; im>i; i++) 
    texts.push(lis[i].firstChild.nodeValue); 

alert(texts); 

Answer 4

Nếu không có mảng trung gian không cần thiết:

arr = $('li').map(function(i, el) { 
    return $(el).text(); 
}).get(); 

Xem jsfiddle demo

Answer 5

kimstik đã đóng, nhưng không hoàn toàn.

Dưới đây là làm thế nào để làm điều đó một cách thuận tiện một liner:

$.map($('li'), function (element) { return $(element).text() }); 

Đây là tài liệu hướng dẫn đầy đủ cho chức năng bản đồ của jQuery, nó khá tiện dụng: http://api.jquery.com/jQuery.map/

Chỉ cần trả lời đầy đủ, đây là chức năng hoàn chỉnh bạn đang tìm kiếm:

$.map($('li'), function (element) { return $(element).text() }).join(', ');