jQuery过滤选择器怎么实现列表隔行变色的效果?
1个回答
展开全部
<ul>
<li>第1行</li>
<li>第2行</li>
<li>第3行</li>
<li>第4行</li>
</ul>
<script>
$(function(){
$("ul li:nth-child(odd)").css("background-color","blue"); //单数行背景色
$("ul li:nth-child(even)").css("background-color","red"); //双数行背景色
});
</script>
<li>第1行</li>
<li>第2行</li>
<li>第3行</li>
<li>第4行</li>
</ul>
<script>
$(function(){
$("ul li:nth-child(odd)").css("background-color","blue"); //单数行背景色
$("ul li:nth-child(even)").css("background-color","red"); //双数行背景色
});
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询