實例

改變所有 div 的顏色，然後向類名為 "middle" 的類添加邊框：

$("div").css("background", "#c8ebcc")
  .filter(".middle")
  .css("border-color", "red");

定義和用法

filter() 方法將匹配元素集合縮減為匹配指定選擇器的元素。

語法

.filter(selector)

使用過濾函數

使用該方法的第二個形式是，通過函數而不是選擇器來篩選元素。對於每個元素，如果該函數返回 true，則元素會被包含在已篩選集合中；否則，會排除這個元素。

請看下面這段稍顯復雜的 HTML 片段：

<ul>
  <li><strong>list</strong> item 1 - one strong tag</li>
  <li><strong>list</strong> item <strong>2</strong>
   - two <span>strong tags</span></li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <li>list item 6</li>
</ul>

我們可以選取這些列表項，然後基於其內容來篩選它們：

$(‘li‘).filter(function(index) {
  return $(‘strong‘, this).length == 1;
}).css(‘background-color‘, ‘red‘);

jQuery遍歷 filter（）方法