必須根據類名獲得主div下每個div的id

Question

嗨，在我的頁面中，我有一個主div，它有許多子div。我想找到的每一個基於類的名稱即div編號，

<div id="main"> 
<div id="child1" class="child"> 

</div> 
<div id="child2" class="child"> 

</div> 
<div id="child3" class="child"> 

</div> 
</div> 

我試圖通過使用下面的腳本來獲取每個div的ID。但我怎樣才能觀看只有第一個div ID

$("#main").each(function() { 
    var val = $(this).find(".child").attr("id"); 
    alert(val);//displays only child1 
}); 

任何一個可以建議我的每一個div編號

Answer 1

您是通過主DIV，而不是它循環的孩子div的，這就是爲什麼它只得到第一個孩子DIV ID

，你可以做這樣的

$.each($("#main .child"),function() 
{ 
    alert($(this).attr('id')); 
}); 

DEMO

Answer 2

這是做同樣事情的另一種方法。請注意使用this.id代替$(this).attr('id')。更簡單/更清潔的閱讀。

$('#main .child').each(function(){ 
    alert(this.id); 
}); 

鏈接jsbin

注意：最好使用.prop()而非.attr() jQuery中的最新版本