首頁 > 網際網路

jquery如何獲得同級元素

2019-12-12 16:13:30

在jquery中,獲得同級元素的方法一般有七個,分別是siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、prevUntil(),下面分別介紹它們的使用。

1

siblings()方法,主要用於獲得指定元素的同級所有元素,例如,下面程式碼獲得h2元素所有同級元素,並設定邊框顏色為紅色。



2

next()方法,主要用於獲得指定元素的下一個同級元素,例如,下面程式碼獲得h2元素的下一個同級元素,並設定其邊框顏色為紅色。



3

nextAll()方法,主要用於獲得指定元素的下一個同級的所有元素,例如,下面程式碼獲得h2元素的下一個同級的所有元素,並設定其邊框顏色為紅色。



4

nextUntil()方法,主要用於獲得指定元素的下一個同級元素,這個同級元素必須為指定元素與nextUntil()方法所設定元素之間的元素,例如,下面程式碼獲得h2元素的下一個同級元素為h2與h6之間的元素,並設定其邊框顏色為紅色。



5

prev()方法,主要用於獲得指定元素的上一級同級元素,例如,下面程式碼獲得類名為 "selected" 的上一個同級元素,並設定其背景顏色為黃色。



6

prevAll()方法,主要用於獲得指定元素上一級所有的同級元素,例如 ,下面程式碼獲得最後一個div之前所有同級div,設定為紅色邊框。



7

prevUntil()方法,主要用於獲得指定元素的上一個同級元素,這個同級元素必須為指定元素與prevUntil()方法所設定元素之間的元素,例如,下面程式碼獲得id為term-2的元素的上一個同級元素在term-2與dt之間的元素,並設定背景顏色為紅色。




IT145.com E-mail:sddin#qq.com