必须根据类名获取主div下每个div的id

Question

嗨,在我的页面我有一个主要的div它有很多孩子div.我想根据类名找到每个div id,即

<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 id

Answer 1

你正在循环通过主div而不是它的子div这就是为什么它'只获得第一个孩子div id

你可以这样做

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

DEMO