Definition and Usage
The filter() method returns elements that match a certain criteria.
This method lets you specify a criteria. Elements that do not match the criteria are removed from the selection, and those that match will be returned.
This method is often used to narrow down the search for an element in a group of selected elements.
Tip: The filter() method is the opposite of the not() method.
Syntax
$(selector).filter(criteria,function(index))
| Parameter | Description |
|---|---|
| criteria | Optional. Specifies a selector expression, a jQuery object or one or
more elements to be returned from a group of selected elements. Tip: To specify multiple criteria, use comma. |
| function(index) |
Optional. Specifies a function to run for each element in the set. If
it returns true, the element is kept. Otherwise, the element is removed.
|
Try it Yourself - Examples
Return all <p> elements that are even
Using the :even selector together with filter() to return all <p> elements that are even.
Multiple criteria
How to return all <p> elements with class="intro" and id="outro".
Using
a jQuery object
How to return all <p> elements with class="intro" inside of a
<div> element, with a jQuery object.
DOM
How to return a <p> element with id="intro", with a DOM element.
Using a function
How use a function to select all <p> elements that have two <span> elements
inside of them.