详解获取jq ul第一个li定位的四种解决方案

标签:公司介绍    日期:2019-02-16 22:40    录入:美娱国际平台注册    浏览:

  

[jq,ul,li,jq,获取ul]详解获取jq ul第一个li定位的四种解决方案

  

如果我们只是获取一个ul中的第一个li的话,那么我们可以这样写:  

  

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

  
  
  
      
  • 安哲
  •   
  • 安哲
  •   
  • 安哲
  •   
  • 安哲
  •   
  
      
  • 安哲
  •   
  • 安哲
  •   
  • 安哲
  •   
  • 安哲
  •   
  
      
  • 安哲
  •   
  • 安哲
  •   
  • 安哲
  •   
  • 安哲
  •   
  
      
  • 安哲
  •   
  • 安哲
  •   
  • 安哲
  •   
  • 安哲
  •   
  
  

解决方案我大概写了四种  

  
  
  //方案一  $(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");  });*/  
  
  

运行结果  
  

  

  

  

  

★★★小编:美娱国际 整理文章,欢迎大家转载 ★★★
相关文章阅读