jQuery的收集數組列表項價值和地點

Question

如果我有以下HTML：

<ul> 
    <li>List 1</li> 
    <li>list 2</li> 
    <li>list 3</li> 
</ul> 

我可以從該<li>的文本內容，並使用JavaScript將它們放置在陣列？

Answer 1

var arr = $("li").map(function() { return $(this).text() }).get(); 

• 的map()^(docs)方法創建填充無論是從函數返回一個jQuery對象（在這種情況下，每個<li>元素的文本內容）。

• get()^(docs)方法（當沒有參數傳遞時）會將該jQuery對象轉換爲實際的Array。

Answer 2

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

或簡單地：

var x = $.map($("ul li"), function(i) { return $(i).text(); });