詳解獲取jq ul第一個li定位的四種解決方案
如果我們只是獲取一個ul中的第一個li的話,那么我們可以這樣寫:
$("ul li:first");
$("ul li").eq(0);
$("ul li").first();
$("ul li").slice(0,1);//slice第一個參數(shù)表示的選取開始的位置,第二個參數(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>
運行結(jié)果
以上就是本文的全部內(nèi)容,希望對大家有所幫助,謝謝對腳本之家的支持!
相關(guān)文章
jQuery插件HighCharts繪制2D餅圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D餅圖效果,結(jié)合完整實例形式分析了jQuery使用HighCharts插件繪制餅圖效果的操作步驟與相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03動態(tài)調(diào)用css文件——jquery的應(yīng)用
這篇文章主要介紹了動態(tài)調(diào)用css文件——jquery的應(yīng)用2007-02-02JS+CSS實現(xiàn)圖片預(yù)加載與背景圖上中下切圖
這篇文章介紹了JS+CSS實現(xiàn)圖片預(yù)加載與背景圖上中下切圖的方法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-06-06js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動條高度實現(xiàn)代碼
在js使用過程中可能會根據(jù)要求獲取瀏覽器窗口的可視區(qū)域高度和寬度,滾動條高度,于是本人搜集整理下,拿出來和大家分享,希望可以幫助你們2012-12-12IE8下Jquery獲取select選中的值post到后臺報錯問題
IE8下出現(xiàn)的問題是直接將selectedValue post發(fā)送到后臺,后臺接收時會報錯,這是因為IE8下selectedValue當(dāng)成了數(shù)組,后臺無法識別2014-07-07