jQuery 遍歷 prev() 方法
jQuery 遍歷 prev() 方法
jQuery 參考手冊 遍歷prev() 獲得匹配元素集合中每個元素緊鄰的前一個同胞元素，通過選擇器進(jìn)行篩選是可選的。
1. 語法
.prev(selector)
| 參數(shù) | 描述 |
|---|---|
| selector | 字符串值，包含用于匹配元素的選擇器表達(dá)式。 |
如果給定一個表示 DOM 元素集合的 jQuery 對象，.prev() 方法允許我們在 DOM 樹中搜索這些元素的前一個同胞元素，并用匹配元素構(gòu)造一個新的 jQuery 對象。
該方法接受可選的選擇器表達(dá)式，與我們向 $() 函數(shù)中傳遞的參數(shù)類型相同。如果應(yīng)用這個選擇器，則將通過檢測元素是否匹配該選擇器對元素進(jìn)行篩選。
請思考這個帶有基本的嵌套列表的頁面：
<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>
如果我們從第三個項(xiàng)目開始，則可找到該元素之間的緊鄰元素：
$('li.third-item').prev().css('background-color', 'red');
此處調(diào)用的結(jié)果是將項(xiàng)目 2 設(shè)置為紅色背景。由于我們未應(yīng)用選擇器表達(dá)式，前一個元素很自然地成為了對象的一部分。如果已應(yīng)用選擇器，則會在包含元素之前，檢測元素是否匹配選擇器。
2. 范例
檢索每個段落，找到類名為 "selected" 的前一個同胞元素：
$("p").prev(".selected")
相關(guān)文章
- jQuery 安裝
- jQuery 效果 滑動
- jQuery 獲取并設(shè)置 CSS 類
- jQuery 尺寸
- jQuery 遍歷 祖先
- jQuery 遍歷 后代
- jQuery AJAX load() 方法
- jQuery 參考手冊 屬性操作
- jQuery 參考手冊 數(shù)據(jù)
- jQuery 參考手冊 屬性
- jQuery 事件 bind() 方法
- jQuery 事件 blur() 方法
- jQuery 事件 dblclick() 方法
- jQuery 事件 pageX 屬性
- jQuery 事件 pageY 屬性
- jQuery 事件 result 屬性
- jQuery 事件 mouseenter() 方法
- jQuery 事件 mouseleave() 方法
- jQuery 事件 toggle() 方法
- jQuery 事件 undelegate() 方法
學(xué)習(xí)JQuery