從一個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