通过jquery获取div div内的div

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

.find()会经历所有的后代。改为使用.children()。

Answer 3

使用此：

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

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); 
});