.prevUntil()
.prevUntil( [ selector ] ) 返回： jQuery
描述： 獲取每個元素但不包括選擇器匹配的元素的所有前面的兄弟元素。
-
version added: 1.4.prevUntil( [ selector ] )
selector選擇器字符串，用于確定到哪個排在前面的同輩元素時停止匹配
如果提供的jQuery代表了一組DOM元素， .prevUntil() 方法會找遍所有元素所在的DOM樹中排在它們前面的元素，直到遇到了一個跟提供的參數(shù)匹配的元素的時候才會停下來。這個新jQuery對象里包含了前面所有找到的同輩元素，但不包括提供給 .prevUntil() 的選擇器匹配到的元素。
如果提供的選擇器沒有匹配到任何東西，或者干脆沒有提供選擇器，那么排在前面的所有同輩元素都會被選中。這就跟用沒有提供參數(shù)的 .prevAll() 效果一樣。
考慮如下的定義列表：
<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 開始，查找在它之前的所有元素，直到 <dt>為止。
$('#term-2').prevUntil('dt').css('background-color', 'red');
其結(jié)果是使 definitions 1-a, 1-b, 1-c, 和 1-d 的背景變?yōu)榧t色。
Example:
查找排在 <dt id="term-2"> 之前的同輩元素，直到 <dt> 為止，并把它們的背景都設(shè)成紅色。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<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>
<script>
$("#term-2").prevUntil("dt")
.css("background-color", "red")
</script>
</body>
</html>