jQuery 遍歷 prevAll() 方法
jQuery 遍歷 prevAll() 方法
prevAll() 獲得當前匹配元素集合中每個元素的前面的同胞元素,使用選擇器進行篩選是可選的。
1. 語法
.prevAll(selector)
參數 | 描述 |
---|---|
selector | 字符串值,包含用于匹配元素的選擇器表達式。 |
如果給定一個表示 DOM 元素集合的 jQuery 對象,.prevAll() 方法允許我們在 DOM 樹中搜索這些元素前面的同胞元素,并用匹配元素構造一個新的 jQuery 對象。
該方法接受可選的選擇器表達式,與我們向 $() 函數中傳遞的參數類型相同。如果應用這個選擇器,則將通過檢測元素是否匹配該選擇器對元素進行篩選。
請思考這個帶有基本的嵌套列表的頁面:
<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').prevAll().css('background-color', 'red');
此處調用的結果是將項目 2 和項目 1 設置為紅色背景。由于我們未應用選擇器表達式,這些前面的元素很自然地成為了對象的一部分。如果已應用選擇器,則會在包含元素之前,檢測這些元素是否匹配選擇器。
2. 范例
定位最后一個 div 之前的所有 div,并為它們添加類:
$("div:last").prevAll().addClass("before");
相關文章
- jQuery 教程
- jQuery 設置內容和屬性
- jQuery 遍歷 后代
- jQuery 參考手冊 核心
- jQuery 事件 focus() 方法
- jQuery 事件 undelegate() 方法
- jQuery 遍歷 clearQueue() 方法
- jQuery 數據 data() 方法
- jQuery 遍歷 hasData() 方法
- jQuery 數據 removeData() 方法
- jQuery 數據 jQuery.removeData() 方法
- jQuery 遍歷 eq() 方法
- jQuery 遍歷 filter() 方法
- jQuery 遍歷 first() 方法
- jQuery 遍歷 has() 方法
- jQuery ajax ajaxStart() 方法
- jQuery CSS 操作 height() 方法
- jQuery CSS 操作 scrollLeft() 方法
- jQuery 效果 slideToggle() 方法
- jQuery :even 選擇器