jQuery | filter() 与示例

jQuery 是一个非常强大的工具，它帮助我们结合各种 DOM 遍历方法来随机或按顺序选择文档中的元素。大多数 DOM 遍历方法不会修改元素，而是根据给定的条件将它们过滤掉。
filter()方法用于过滤掉所有与所选条件不匹配的元素，这些匹配的元素将被返回。
句法：

$(selector).filter(criteria, function(index))

参数：
标准：它指定一个选择器表达式、一个 jQuery 对象或一个或多个要从一组选定元素中返回的元素。
函数(index) ：它指定一个函数来为集合中的每个元素运行。如果函数返回 true，则保留该元素。否则，它将被删除。
index :元素在集合中的索引位置。
注意：要指定多个条件，请使用逗号。

显示 filter() 方法工作的 jQuery 代码
代码#1：
此代码将返回与所选条件匹配的所有元素。

  

    GEEKS FOR GEEKS ARTICLE
    
    
        $(document).ready(function() {
            $("li").filter(".first, .last").css("color", "red")
                .css("backgroundColor", "yellow");
        });
    

  

    
        GeeksForGeeks
        GeeksForGeeks
        GeeksForGeeks
        GeeksForGeeks
        GeeksForGeeks
    

  

输出：

代码#2：
此代码将选择与函数检查的条件匹配的元素。在这里，该函数检查列表中的两个元素并返回 true 或 false。

  

    GEEKS FOR GEEKS ARTICLE
    
    
        $(document).ready(function() {
            $("ul").filter(function() {
                return $("li", this).length == 2;
            }).css("color", "red").css("fontSize", "20");
        });
    

  

    A list with two elements:
    
        option1
        option2
    
    A list with one element:
    
        option1
    
    A list with two elements:
    
        option1
        option2
    
    A list with three elements:
    
        option1
    
    
        option2
    
    
        option3
    

  

输出：