多个ul中获取第一个li获取定位

如果我们只是获取一个ul中的第一个li的话，那么我们可以这样写

$("ul li:first");$("ul li").eq(0);$("ul li").first();$("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置，第二个参数是结束的位置

多个ul的第一个li选择办法如下：

<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>
运行效果：