jQuery filter()

filter() 方法返回符合指定条件的元素。如果元素不符合条件，它们将从选择中移除。

它可以接受一个 选择器 或一个 函数 作为参数，用于过滤匹配元素的集合。当使用 选择器 时，该方法会过滤不匹配给定选择器的元素。如果使用 函数，该方法会过滤不匹配给定函数的元素。通常，此方法用于减少在选定元素集合中搜索元素的工作量。

语法

使用 选择器

使用 函数

此函数的参数值定义如下。

选择器： 这是一个可选属性。它可以是一个 JQuery 对象或一个选择器表达式。我们也可以使用逗号分隔的表达式列表来一次应用多个过滤器。它可以写成如下形式：

函数： 这也是一个可选参数。此参数指定一个函数，该函数会为组中的每个元素运行。如果函数返回 true，则保留该元素。否则，如果返回 false，则删除该元素。

index 参数表示元素在集合中的位置。它从 0 位置开始。

让我们看一些例子来理解如何使用 filter() 方法。

示例 1

在此示例中，我们使用 filter() 函数的 selector 属性。在这里，filter() 函数返回所有类名为 para 的段落元素。有一些 div 元素、段落元素和其他元素。四个段落元素中有三个与类 para 相关。

我们需要点击给定的按钮来查看结果。

输出

点击按钮后，我们可以看到该函数返回了与类名 para 相关的段落元素。

示例 2

在此示例中，我们使用 filter() 函数的 function(index) 参数。在这里，该函数会突出显示索引位置为 1、3 和 5 的段落元素。因为索引从 0 开始，所以它会突出显示偶数位置的段落。

输出

执行上述代码后，输出为：

点击给定按钮后，我们可以看到该函数返回了索引位置为 1、3 和 5 的段落元素。索引位置从 0 开始。