改变多个ul下第一个li的样式

时间:2022-12-08 23:35:52
body内的代码如下
<ul>
<li>华仔</li>
<li>华仔</li>
<li>华仔</li>
</ul>

<ul>
<li>磊磊</li>
<li>磊磊</li>
<li>磊磊</li>
</ul>

<script type="text/javascript"></script>

$(function(){

//方式一
var lis=$("ul");
for(var i=0;i<lis.length;i++){
$("ul:eq("+i+") li:first").css("background","red");
}

//方式二
$("ul").each(function(){
$(this).children().first().css("background","red");
})

//方式三 nth-child(n) 匹配父元素下第n个子元素 
$("ul li:nth-child(1)").css("background","red");


//方式四
$("ul li:first-child").css("background","red");


});