创建包含多个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'); 
});