javascript - 创建一个包含多个 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
     }
]

whereid和nameequal to$(this).attr('id')和$(this).text()where$(this)指的是单个li项目。

Answer 1

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

DEMO（见控制台输出）

Answer 2

通过使用.each：

var itemsData = [];

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

console.log(itemsData);

Answer 3

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