Question

示例HTML代码：

<body>
  <div id="div1">
    <ul id="tabs_nav">
      <li id="t_00">data1</li>
      <li id="t_01">data2</li>
      <li id="t_02">data3</li>
      <li id="t_03">data4</li>
    </ul>
  </div>
  <div id="div2">
    <ul id="tabs_nav">
      <li id="t_04">data5</li>
      <li id="t_05">data6</li>
      <li id="t_06">data7</li>
      <li id="t_07">data8</li>
    </ul>
  </div>        
</body>

这里我想获取数组中的所有id值。正如预期的那样，我应该得到总ID数应为12并能够读取数组中的所有值。

请帮助我，如何使用Jquery执行上述操作？

Answer 1

您可以使用以下代码

来实现上述目标

var arr = [];
$( "*" ).each(function(){
     var id = $(this).attr("id");
     if(id !== undefined) {
         arr.push(id);
     }
});

供参考 - http://plnkr.co/edit/3oHvyhuH5UQPv0IAYEXD?p=preview

Answer 2

你可以映射它：

$(function(){
    var arrIds = $('body [id]').map(function(){
        return this.id;
    })/*.get()*/; // get() to get a true array
    console.log(arrIds); // outputs: ["div1", "tabs_nav", "t_00", "t_01", "t_02", "t_03", "div2", "tabs_nav", "t_04", "t_05", "t_06", "t_07"]
    console.log(arrIds.length); // outputs: 12
});

如何使用jquery从html表单中获取数组中的所有id元素值

2 个答案: