从一个div获得所有子div id

Question

我如何获得“test”div儿童的所有div ID？

下面的选择器只给出“狗”：例如，我需要获得“狗”，“猫”，“德里格”。

var all = $(".test div").attr("id"); 
$("div").text(all); 

<div class="test"> 
    <div id="dog"></div> 
    <div id="cat"></div> 
    <div id="drig"></div> 
</div> 

感谢

Answer 1

如果你指的是元素的所有直系后代，比你有你的选择更改为$(".test > div")（它是child selector）。如果你想选择全部后代，那么你可以保持原样。

使用.map()，您可以创建一组ID：

var all = $(".test > div").map(function() { 
    return this.id; 
}).get(); 

Answer 2

$(".test div").each(function() { 

    console.log($(this).attr("id")); 

}); 

example in JSBin

Answer 3

，如果你需要的所有div中。测试

$('div.test div)

但如果你有

<div class="test"> 
    <div id="dog"></div> 
    <div id="cat"></div> 
    <div id="drig"> 
      <div id="mouse"></div> 
    </div> 
</div> 

，你不需要#mouse

$('div.test > div')

Answer 4

使用.map()这里

var idArray = $("div.test > div").map(function(){ 
    return this.id; 
}).get(); 

Working demo