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