javascript - 创建简单的js对象并将它们存储到js数组中

Question

在 html dom 中我有以下结构

<div id="myTitles">
<ul>
  <li>
      Title:<title>A</title><br>
      Second title: <secTitle>B</secTitle><br>
      Third title: <thirdTitle>3</thirdTitle>
  </li>
  <hr>
  <li>
      Title:<title>B</title><br>
      Second title: <secTitle>C</secTitle><br>
      Third title: <thirdTitle>9</thirdTitle>
  </li>   
</ul>
</div>

myTitles div 的 ul 内的列表元素数量在运行时未知。所以我选择var nrOfTitles = $('#myTitles ul li').length;以确定有多少个。

现在，我想创建一些简单的 javascript 对象，它将保存这些值(存储在这个语义标签内( title 、 secTitle 、 thirdTitle ))并将它们存储在 js 数组中。

Answer 1

var items = $("#myTitles > ul > li");

var arr = [];

items.each(function(){
    arr.push([$(this).find("title").text(),$(this).find("secTitle").text(),$(this).find("thirdTitle").text()])
})

使用您当前的 <li> 组合它将包含:

[["A","B","3"],["B","C","9"]]

或者您可以将属性存储为对象:

var items = $("#myTitles > ul > li");

var arr = [];

items.each(function(){
    arr.push({title:$(this).find("title").text(),secTitle:$(this).find("secTitle").text(),thirdTitle:$(this).find("thirdTitle").text()})
})

然后你会得到

[{title:"A",secTitle:"B",thirdTitle:"3"},{title:"B",secTitle:"C",thirdTitle:"9"}]