jQuery獲取當前元素的下一個元素
本章節介紹一下如何利用jquery獲取當前元素的下一個元素, 下面直接看程式碼:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function(){ $("#box li").eq(1).next().css("color","red"); }) }) </script> </head> <body> <ul id="box"> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> <li>螞蟻部落五</li> </ul> <input type="button" id="bt" value="檢視效果"/> </body> </html>
使用next()函式即可獲取第二個元素的下一個元素,並將其的字型顏色設定為紅色。
相關文章
- jQuery獲取當前li元素的下一個元素jQuery
- jQuery如何獲取當前元素的兄弟元素jQuery
- jQuery獲取當前元素的上一個或者下一個元素程式碼例項jQuery
- 獲取當前元素下一個元素程式碼例項
- JQuery獲取當前元素本身jQuery
- jQuery獲取當前元素的下一級子元素程式碼例項jQuery
- jQuery如何獲取當前元素的索引jQuery索引
- jQuery獲取當前元素上一個兄弟元素例項程式碼jQuery
- jquery實現的獲取當前元素的上一個元素程式碼例項jQuery
- jQuery獲取當前元素的上一級元素程式碼例項jQuery
- javascript獲取當前元素的上一級元素JavaScript
- jQuery選擇器獲取前幾個元素jQuery
- jQuery判斷當前元素是第幾個元素jQuery
- 獲取當前元素在兄弟元素節點中的索引索引
- 封裝js獲取當前元素的弟弟元素節點封裝JS
- JavaScript獲取當前li元素是第幾個JavaScript
- 原生js實現的獲取當前元素的上一個元素節點JS
- JavaScript獲取當前li元素的索引位置JavaScript索引
- jQuery獲取上一個元素jQuery
- jQuery在元素集合中獲取第N個元素jQuery
- jQuery獲取元素前面所有兄弟元素jQuery
- jquery如何獲取li元素的前n個程式碼例項jQuery
- jquery獲取子元素jQuery
- jQuery 刪除當前li元素jQuery
- javascript獲取當前li元素在集合中的位置JavaScript
- 用jQuery獲取指定前幾個li元素程式碼例項jQuery
- jquery獲取緊鄰的上一個元素jQuery
- jquery獲取指定li元素後面的第n個li元素jQuery
- jquery獲取元素節點jQuery
- jQuery獲取所有兄弟元素jQuery
- jQuery獲取li元素後面所有兄弟元素jQuery
- 小程式獲取當前元素在螢幕中的位置
- JavaScript獲取當前點選元素的id屬性值JavaScript
- jQuery獲取指定元素的父元素程式碼例項jQuery
- jQuery如何獲取iframe中的元素jQuery
- jQuery獲取某元素下所有的連結元素jQuery
- JavaScript獲取下一個元素JavaScript
- jQuery點選元素獲取此元素的id屬性值jQuery