：第一，兒童和其他選擇似乎並不工作

Question

讓我們說這個HTML

<ul class="slider"> 
    <li><img id="img1" src="img/slide-1.jpg"/></li> 
    <li><img src="img/slide-2.jpg"/></li> 
    <li><img src="img/slide-3.jpg"/></li> 
</ul> 

，並在我的jQuery，我有

$(document).ready(function(){ 
    var max_count = $(".slider").children().length; 
    for(var rn=1;rn<=max_count;rn++) 
     { 
     var eg = $(".slider li:first-child").attr('id'); 
     $("#output").append(eg); 
     } 
}); 

，當我把#img1，而不是.slider li:first-child，它的工作原理罰款，所以即時通訊做錯選擇

Answer 1

li:first-child選擇<li>元素，這是他們的父母的第一個孩子。

你可以這樣做：

$(".slider li:first-child img").attr('id'); 

Answer 2

這是可以做到不使用for循環是這樣的：

$(document).ready(function(){ 
    $(".slider li").each(function(){ 
     $("#output").append($(this).children("img:first-child").attr("id")); 
    }); 
}); 

這裏是工作提琴：

http://jsfiddle.net/xzMmD/