JQ7 元素的遍历查找
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。(向下遍历一个子元素)
取得一个包含匹配的元素集合中每一个元素的所有同辈元素的元素集合。可以用可选的表达式进行筛选。
查找 <dt id="term-2"> 之后的所有兄弟元素,直到遇到 <dt> 为止,并将他们的背景色设为红色。
查找 <dt id="term-1"> 之后,<dd>的所有兄弟元素,直到遇到 <dt id="term-3"> 为止,并将他们的文字颜色设为绿色。
<dl>
<dt id="term-1">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 id="term-3">term 3</dt>
<dd>definition 3-a</dd>
<dd>definition 3-b</dd>
</dl>
<script>
$("#term-2").nextUntil("dt")
.css("background-color", "red");var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd")
.css("color", "green");</script>