?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
查找當(dāng)前元素之后所有的同輩元素,直到遇到匹配的那個(gè)元素為止。
如果提供的jQuery代表了一組DOM元素,.nextUntil()方法也能讓我們找遍所有元素所在的DOM樹(shù),直到遇到了一個(gè)跟提供的參數(shù)匹配的元素的時(shí)候才會(huì)停下來(lái)。這個(gè)新jQuery對(duì)象里包含了下面所有找到的同輩元素,但不包括那個(gè)選擇器匹配到的元素。
如果沒(méi)有選擇器匹配到,或者沒(méi)有提供參數(shù),那么跟在后面的所有同輩元素都會(huì)被選中。這就跟用沒(méi)有提供參數(shù)的 .nextAll() 效果一樣。
expr: 用于篩選祖先元素的表達(dá)式。
filter: 一個(gè)字符串,其中包含一個(gè)選擇表達(dá)式匹配元素。
element: 用于篩選祖先元素的DOM元素。
filter: 一個(gè)字符串,其中包含一個(gè)選擇表達(dá)式匹配元素。
給#term-2后面直到dt前的元素加上紅色背景
<dl> <dt>term 1</dt> <dd>definition 1-a</dd> <dd>definition 1-b</dd> <dd>definition 1-c</dd> <dd>definition 1-d</dd> <dt id="term-2">term 2</dt> <dd>definition 2-a</dd> <dd>definition 2-b</dd> <dd>definition 2-c</dd> <dt>term 3</dt> <dd>definition 3-a</dd> <dd>definition 3-b</dd> </dl>
$('#term-2').nextUntil('dt').css('background-color', 'red'); var term3 = document.getElementById("term-3"); $("#term-1").nextUntil(term3, "dd").css("color", "green");
term 1definition 1-adefinition 1-bdefinition 1-cdefinition 1-dterm 2definition 2-adefinition 2-bdefinition 2-cterm 3definition 3-adefinition 3-b