在jQuery中,next()方法是用于選取當前元素后面的一個兄弟元素,而nextAll()方法是選取當前元素后面所有的兄弟元素,就像這樣:
$('li.first').next(); // 選中當前元素的下一個
除此之外,jQuery還提供了nextUntil()方法,用于選取兩個兄弟元素之間的元素。這個方法的語法如下:
$(selector).nextUntil(stopSelector, filter);
其中,selector
參數是當前元素的后面所有兄弟元素的選擇器;stopSelector
參數是一個選擇器,確定匹配哪個元素將是停止選取元素的位置;filter
參數也是一個選擇器,用于進一步過濾選取的元素。
下面是一個實際的例子,選取所有<li>
元素,直到遇到 class 為stop
的元素:
$('li.first').nextUntil('.stop').css('background-color', 'red');
代碼中的css()
方法用于將選中的元素的background-color
屬性設置為紅色。同時注意到,nextUntil()
方法也可以接收filter
參數,可以根據需要進行選擇。