欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解獲取jq ul第一個(gè)li定位的四種解決方案

 更新時(shí)間：2016年11月23日 11:43:48   作者：川哥哥  
本篇文章主要介紹了多個(gè)ul中獲取第一個(gè)li定位的四種解決方案，需要的朋友可以過來參考下

如果我們只是獲取一個(gè)ul中的第一個(gè)li的話，那么我們可以這樣寫：

$("ul li:first");
$("ul li").eq(0);
$("ul li").first();
$("ul li").slice(0,1);//slice第一個(gè)參數(shù)表示的選取開始的位置，第二個(gè)參數(shù)是結(jié)束的位置

 <ul>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 </ul>
 <ul>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 </ul>
 <ul>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 </ul>
 <ul>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 </ul>

  解決方案我大概寫了四種

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

    運(yùn)行結(jié)果

以上就是本文的全部內(nèi)容，希望對大家有所幫助，謝謝對腳本之家的支持！

相關(guān)文章

最新評論