jQuery filter() Method

Example

Return all elements with class name "intro":

$("p").filter(".intro")

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. index - The index position of the element in the set Note: this is the current DOM element.

Try it Yourself - Examples

Return all elements that are even
Using the :even selector together with filter() to return all elements that are even.

Multiple criteria
How to return all elements with class "intro" and id "outro".

Using a jQuery object
How to return all elements with class "intro" inside of a <div> element, with a jQuery object.

DOM
How to return a element with id "intro", with a DOM element.

Using a function
How use a function to select all elements that have two elements inside of them.

❮ jQuery Traversing Methods