jquery獲取指定li元素後面的第n個li元素
如果有給定數量的li元素,我們想獲取指定li元素後面的第N個li元素。
下面就通過程式碼例項介紹一下如何實現此功能。
程式碼如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> ul li{ font-size:12px; list-style:none; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function(){ var theli=$("#box li").eq(2); var lis=theli.nextAll().eq(1).css("color","red"); }) }) </script> </head> <body> <ul id="box"> <li>只有努力奮鬥才會有美好的未來。</li> <li>螞蟻部落歡迎您,希望能夠給大家提供需要的知識。</li> <li>分享的精神和互助的胸懷是進步的最大源動力。</li> <li>只有當前的時間才是最真實的,下一秒都是虛幻的。</li> <li>每一天都是新的,要好好的珍惜。</li> <li>寬廣的胸懷是充分利用資源的最大保障。</li> <li>個人的力量是有限的,要團結好眾人才行。</li> </ul> <input type="button" id="bt" value="檢視效果"/> </body> </html>
程式碼可以將第5個li元素的字型顏色設定為紅色,程式碼比較簡單這裡不多介紹。
相關閱讀:
(1).eq()函式可以參閱jQuery eq()一章節。
(2).nextAll()函式可以參閱jQuery nextAll()一章節。
相關文章
- JavaScript 獲取第n個li元素JavaScript
- jQuery查詢第n個li元素jQuery
- jQuery獲取li元素後面所有兄弟元素jQuery
- jQuery獲取指定的li元素程式碼例項jQuery
- jquery如何獲取大於指定索引的li元素jQuery索引
- jQuery獲取當前li元素的下一個元素jQuery
- jQuery複製指定li元素jQuery
- jQuery刪除指定li元素jQuery
- 如何利用jquery在任意指定li元素後面插入新的li元素jQuery
- jquery如何獲取li元素的前n個程式碼例項jQuery
- jQuery獲取索引小於指定值的li元素集合jQuery索引
- 用jQuery獲取指定前幾個li元素程式碼例項jQuery
- 獲取指定元素下所有li元素程式碼例項
- JavaScript獲取當前li元素是第幾個JavaScript
- CSS 倒數第n個li元素樣式CSS
- CSS設定第n個li元素樣式CSS
- CSS 設定第n個li元素樣式CSS
- jQuery 移除ul下指定的li元素jQuery
- jQuery在元素集合中獲取第N個元素jQuery
- 獲取ul元素下的所有li元素
- css匹配第n個li元素CSS
- jQuery點選的是第幾個li元素jQuery
- jQuery怎麼獲取li列表中的第幾個lijQuery
- jQuery刪除具有指定文字的li元素jQuery
- jQuery獲取所有的li元素程式碼例項jQuery
- 獲取div元素下li元素的數目
- jquery如何在li元素列表的開頭新增一個新li元素jQuery
- 獲取指定區間的li元素程式碼例項
- jquery刪除前n個li元素程式碼例項jQuery
- JavaScript 獲取倒數第二個li元素JavaScript
- JavaScript獲取倒數第二個li元素JavaScript
- JavaScript獲取li元素的下標JavaScript
- 利用jQuery如何遍歷指定的li元素集合jQuery
- CSS 第2個li元素樣式CSS
- CSS 設定從第n個開始li元素樣式CSS
- jQuery實現的獲取m到n之間的li元素程式碼例項jQuery
- javascript獲取li列表中的第幾個liJavaScript
- JavaScript 刪除指定的li元素JavaScript