獲取第一個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"); });
效果如下代碼:
