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"> $(function(){ $("#antzone").next().css("color","red"); }); </script> </head> <body> <ul> <li>螞蟻部落一</li> <li id="antzone">螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> </ul> </body> </html>
以上程式碼實現了我們的要求,程式碼非常簡單,更多內容可以參閱相關閱讀。
相關閱讀:
(1).next()參閱jQuery next()一章節。
(2).css()參閱jQuery css()一章節。
相關文章
- CSS 緊鄰下一個兄弟元素CSS
- CSS 獲取所有緊鄰兄弟元素CSS
- jquery獲取緊鄰的上一個元素jQuery
- CSS下一個兄弟元素CSS
- jquery 查詢某個元素的父元素jQuery
- jQuery查詢第n個li元素jQuery
- jQuery之元素查詢jQuery
- jQuery獲取元素前面所有兄弟元素jQuery
- jQuery獲取所有兄弟元素jQuery
- jQuery獲取當前元素的下一個元素jQuery
- jQuery獲取當前li元素的下一個元素jQuery
- jQuery如何獲取當前元素的兄弟元素jQuery
- jQuery獲取li元素後面所有兄弟元素jQuery
- jQuery獲取當前元素上一個兄弟元素例項程式碼jQuery
- 利用jQuery查詢子元素和父元素程式碼例項jQuery
- jQuery查詢帶有class樣式的元素jQuery
- 一個緊急查詢的改進思路
- jQuery獲取當前元素的上一個或者下一個元素程式碼例項jQuery
- 二分查詢—包括查詢第一個目標元素和最後一個目標元素
- jquery 查詢子集jQuery
- c++map 查詢元素和list查詢元素速度對比C++
- jQuery查詢指定型別的父級元素程式碼例項jQuery型別
- JavaScript獲取下一個元素JavaScript
- 遞迴查詢子元素遞迴
- CSS3 相鄰兄弟選擇器 hoverCSSS3
- jQuery獲取當前元素的下一級子元素程式碼例項jQuery
- 陣列的主元素查詢陣列
- 1230 元素查詢
- js查詢陣列元素位置JS陣列
- Selenium webdriver Java 查詢元素WebJava
- JavaScript 獲取下一個元素節點JavaScript
- 獲取當前元素下一個元素程式碼例項
- jQuery隱藏一個div元素jQuery
- jQuery獲取上一個元素jQuery
- 查詢Set中重複的元素
- 通過clss屬性查詢元素
- Java中查詢列表的峰值元素Java
- c++中的查詢list元素C++