實(shí)例

定位最后一個(gè) div 之前的所有 div，并為它們添加類：

$("div:last").prevAll().addClass("before");

親自試一試

定義和用法

prevAll() 獲得當(dāng)前匹配元素集合中每個(gè)元素的前面的同胞元素，使用選擇器進(jìn)行篩選是可選的。

語法

.prevAll(selector)

參數(shù)	描述
selector	字符串值，包含用于匹配元素的選擇器表達(dá)式。

詳細(xì)說明

如果給定一個(gè)表示 DOM 元素集合的 jQuery 對(duì)象，.prevAll() 方法允許我們?cè)?DOM 樹中搜索這些元素前面的同胞元素，并用匹配元素構(gòu)造一個(gè)新的 jQuery 對(duì)象。

該方法接受可選的選擇器表達(dá)式，與我們向 $() 函數(shù)中傳遞的參數(shù)類型相同。如果應(yīng)用這個(gè)選擇器，則將通過檢測(cè)元素是否匹配該選擇器對(duì)元素進(jìn)行篩選。

請(qǐng)思考這個(gè)帶有基本的嵌套列表的頁面：

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

如果我們從第三個(gè)項(xiàng)目開始，則可找到該元素之間的同胞元素：

$('li.third-item').prevAll().css('background-color', 'red');

親自試一試

此處調(diào)用的結(jié)果是將項(xiàng)目 2 和項(xiàng)目 1 設(shè)置為紅色背景。由于我們未應(yīng)用選擇器表達(dá)式，這些前面的元素很自然地成為了對(duì)象的一部分。如果已應(yīng)用選擇器，則會(huì)在包含元素之前，檢測(cè)這些元素是否匹配選擇器。