jquery - :first-child およびその他のセレクターが機能していないようです

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

これは、次のように for ループを使用せずに実行できます。

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

これが実用的なフィドルです：

http://jsfiddle.net/xzMmD/