注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 页面特效 >> jquery >> 获取第一个ul中的第一个li
热门:word | excel | powerpoint

获取第一个ul中的第一个li

2021/1/8 20:38:28 所属分类:页面特效 - jquery
内容提要:获取第一个ul中的第一个li,获取第一个ul中的第一个li标签的方法:......

  获取第一个ul中的第一个li标签的方法:

//获取第一个ul中的第一个li
/* $("ul li:first").css("background","pink");
$("ul li").eq(0).css("background","pink");
$("ul li").first().css("background","pink");
$("ul li").slice(0,1).css("background","pink");//s */lice第一个参数表示的选取开始的位置,第二个参数是结束的位置

  选中如下代码中的各个ul中的第一个li标签

<body>
<ul>
  <li>第一个</li>
  <li>第二个</li>
  <li>第三个</li>
</ul>
<ul>
  <li>第一个</li>
  <li>第二个</li>
  <li>第三个</li>
</ul>
<ul>
  <li>第一个</li>
  <li>第二个</li>
  <li>第三个</li>
</ul>
</body>

  共有四种方案:

  方案一:

$(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");
});

页面特效 | jquery
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息