jQuery獲取當前元素的上一個或者下一個元素程式碼例項
本章節介紹一下如何獲取當前元素的上一個或者下一個元素,希望能夠給需要的朋友帶來幫助。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> li{ list-style:none; font-size:12px; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#pre").click(function(){ $("#show").text($("#box li").eq(2).prev().text()) }) $("#next").click(function(){ $("#show").text($("#box li").eq(2).next().text()) }) }) </script> </head> <body> <div id="show"></div> <ul id="box"> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> <li>螞蟻部落五</li> </ul> <input type="button" id="pre" value="獲取上一個元素"/> <input type="button" id="next" value="獲取下一個元素"/> </body> </html>
以上程式碼實現了我們的要求,比較簡單,具體可以參閱相關閱讀。
相關閱讀:
1.text()函式jQuery text()一章節。
2.eq()函式可以參閱jQuery eq()一章節。
3.prev()函式可以參閱jQuery prev()一章節。
4.next()函式可以參閱jQuery next()一章節。
相關文章
- 獲取當前元素下一個元素程式碼例項
- jQuery獲取當前元素上一個兄弟元素例項程式碼jQuery
- jquery實現的獲取當前元素的上一個元素程式碼例項jQuery
- jQuery獲取當前元素的下一級子元素程式碼例項jQuery
- jQuery獲取當前元素的下一個元素jQuery
- jQuery獲取當前元素的上一級元素程式碼例項jQuery
- jQuery獲取當前li元素的下一個元素jQuery
- jquery如何獲取li元素的前n個程式碼例項jQuery
- 用jQuery獲取指定前幾個li元素程式碼例項jQuery
- jQuery獲取指定元素的父元素程式碼例項jQuery
- jQuery獲取上一個元素jQuery
- jquery獲取元素高度程式碼例項jQuery
- 使用jquery獲取指定元素的子元素程式碼例項jQuery
- jQuery如何獲取當前元素的兄弟元素jQuery
- javascript獲取當前元素的上一級元素JavaScript
- JQuery獲取當前元素本身jQuery
- jquery獲取同輩元素程式碼例項jQuery
- 原生js實現的獲取當前元素的上一個元素節點JS
- jQuery獲取指定的li元素程式碼例項jQuery
- javascript實現的獲取下一個li元素程式碼例項JavaScript
- jquery刪除前n個li元素程式碼例項jQuery
- jquery獲取緊鄰的上一個元素jQuery
- jQuery獲取所有的li元素程式碼例項jQuery
- jquery獲取元素的標籤tagName程式碼例項jQuery
- jQuery如何獲取當前元素的索引jQuery索引
- 獲取倒數第幾個元素程式碼例項
- jquery獲取指定型別子元素程式碼例項jQuery型別
- jquery獲取指定元素的父節點程式碼例項jQuery
- css獲取指定元素的兄弟元素程式碼例項CSS
- javascript獲取指定元素父元素程式碼例項JavaScript
- jquery獲取指定元素下所有指定子元素的數目程式碼例項jQuery
- jQuery選擇器獲取前幾個元素jQuery
- 獲取當前li是第幾個的程式碼例項
- 獲取指定元素下所有li元素程式碼例項
- JavaScript獲取上一個元素JavaScript
- 使用jQuery刪除一個元素節點程式碼例項jQuery
- jQuery判斷當前元素是第幾個元素jQuery
- 原生javascript獲取下一級子元素程式碼例項JavaScript