Question

如何获取parent1中所有子节点（1,2,3等）的ID，并将它们放入带有jquery的数组中。

就像信息一样，我有很多“父母”（parent1，parent2等）

<div id="parent1">

  <div id="child1" class="child">
     <div id="baby1" class="baby">TEXT</div>
  </div>

  <div id="child2" class="child">
     <div id="baby2" class="baby">TEXT</div>
  </div>

  <div id="child3" class="child">
     <div id="baby3" class="baby">TEXT</div>
  </div>

</div>

这是我的代码：

   var save_array = [];
   $('#parent1').find("div",'.child').each(function(){ save_array.push(this.id); });

但是当我这样做时，我也得到了“宝贝”。

Answer 1

您可以使用.map()

var arr = $('#parent1').find("div.child").map(function () {
    return this.id;
}).get();
console.log(arr); //["child1", "child2", "child3"]

DEMO

Answer 2

使用此：

var save_array = [];
$('#parent1').children().each(function(){ 
  save_array.push(this.id); 
});

Answer 3

.find()将遍历所有后代。请改用.children()。

Answer 4

试试这个

var save_array = [];

$("[id*='parent']").find("div.child").each(function(){ 

   save_array.push(this.id);

 });

Answer 5

我认为正确的语法是这样的：

$('#parent1').find("div.child").each(function(){ 
    save_array.push(this.id);
});

通过jquery在div中获取div ID

5 个答案: