創建包含多個HTML元素

Question

的性質的嵌套陣列如果我有HTML如此：

<ul> 
    <li id="id1">Some Text</li> 
    <li id="id2">Other Text</li> 
    <-- more items could be here --> 
</ul> 

如何創建一個含有JSON對象與每個列表項的列表中的屬性的陣列，是這樣的：

var itemsData = [ 
    { 
     "id" : id, 
     "name" : name 
    }, 
    { 
     "id" : id, 
     "name" : name 
    } 
] 

凡id和name等於$(this).attr('id')和$(this).text()其中$(this)指單個li項目。

Answer 1

通過使用.each：

var itemsData = []; 

$('li').each(function() { 
    var $this = $(this); 
    itemsData.push({ 
     id: $this.attr('id'), 
     name: $this.text() 
    }); 
}); 

console.log(itemsData); 

Answer 2

itemsData = []; 
$('ul > li').each(function(){ 
    itemsData.push({"id" : this.id, "name" : $(this).text()}) 
}); 

DEMO（見控制檯輸出）

Answer 3

var arr = new Array(); 
$("ul li").each(function(index){ 
    arr[index]['id'] = $(this).attr('id'); 
    arr[index]['name'] = $(this).attr('name'); 
});