码迷,mamicode.com
首页 > Web开发 > 详细

jquery获取ul中的第一个li

时间:2016-12-22 11:22:03      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:back   nbsp   var   css   children   lin   round   cti   lis   

$("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

标签:back   nbsp   var   css   children   lin   round   cti   lis   

原文地址:http://www.cnblogs.com/hofmann/p/6210076.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!