jQuery filter() method

jQuery Traversal Methods

The filter() method returns elements that match specific conditions.

The filter() method filters out all elements that do not match the selected conditions and returns those that match.

The filter() method is similar tonot()The opposite method.

Syntax:

Get elements that match specific conditions:

$(selector).filter(criteria)

Use a function to get elements:

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

Example

Return all paragraphs with class name "demo":

$("document").ready(function(){
　　$("p").filter(".demo").css("background", "coral");
});

Return all even items:

$("document").ready(function(){
　　$("li").filter(":even").css("background", "coral");
});

Change the color of all divs; then add a border style for users with the "middle" class:

$("document").ready(function(){
　　$("div").css("background", "#c8ebcc").filter(".middle").css("border-color", "red");
});

Use a function to filter out elements:

$("document").ready(function(){
　　$("div").filter(function(i){　　
　　　　　　　　return $(this).hasClass("middle");
　　}).css("background-color", "blue");
});

Parameter Value

jQuery Traversal Methods