多個ul中獲取第一個li獲取定位

如果我們只是獲取一個ul中的第一個li的話，那么我們可以這樣寫：

 

$("ul li:first");
$("ul li").eq(0);
$("ul li").first();
$("ul li").slice(0,1);//slice第一個參數表示的選取開始的位置，第二個參數是結束的位置

<ul>
        <li>安哲</li>
        <li>安哲</li>
        <li>安哲</li>
        <li>安哲</li>
    </ul>
     <ul>
        <li>安哲</li>
        <li>安哲</li>
        <li>安哲</li>
        <li>安哲</li>
    </ul>
     <ul>
        <li>安哲</li>
        <li>安哲</li>
        <li>安哲</li>
        <li>安哲</li>
    </ul>
     <ul>
        <li>安哲</li>
        <li>安哲</li>
        <li>安哲</li>
        <li>安哲</li>
    </ul>

解決方案我大概寫了四種

    <script type="text/javascript"> //方案一  $(function(){ var list=$("ul"); for (var i = 0; i < list.length; i++) { $("ul:eq("+i+") li:first").css("background","red"); } }); //方案二 /*$(function(){ $("ul").each(function(){ $(this).children().first().css("background","red"); }); });*/ //方案三 /*$(function(){ $("ul li:nth-child(1)").css("background","red"); });*/ //方案四 /*$(function(){ $("ul li:first-child").css("background","red"); });*/ </script>

運行結果

 

 

本文轉載自博主 川哥哥 原網址：http://www.cnblogs.com/chuangege/p/6050863.html