實例

檢索每個段落，找到類名為 "selected" 的前一個同胞元素：

$("p").prev(".selected")

親自試一試

定義和用法

prev() 獲得匹配元素集合中每個元素緊鄰的前一個同胞元素，通過選擇器進行篩選是可選的。

.prev(selector)

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

詳細說明

如果給定一個表示 DOM 元素集合的 jQuery 對象，.prev() 方法允許我們在 DOM 樹中搜索這些元素的前一個同胞元素，并用匹配元素構造一個新的 jQuery 對象。

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

請思考這個帶有基本的嵌套列表的頁面：

<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>

如果我們從第三個項目開始，則可找到該元素之間的緊鄰元素：

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

親自試一試

此處調用的結果是將項目 2 設置為紅色背景。由于我們未應用選擇器表達式，前一個元素很自然地成為了對象的一部分。如果已應用選擇器，則會在包含元素之前，檢測元素是否匹配選擇器。