jquery获取ul中的第一个li

Posted hofmann

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery获取ul中的第一个li相关的知识,希望对你有一定的参考价值。

$("ul li:first");

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

 

<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>

以上是关于jquery获取ul中的第一个li的主要内容,如果未能解决你的问题,请参考以下文章

jquery如何获取ul中第一个li和最后一个li

jquery中删除指定ul中除第一个li外的所有li的代码?

针对每个“ul”中的第一个和最后一个“li”

jquery获取ul下的第1,3,5,7,9个li

在jquery中,想要给id="header"中的第一个li标记添加样式,选择器的代码应该怎么写

只选择jquery中的第一级元素