X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery prevAll() Method

jQuery HTML Methods jQuery Traversing Methods

Example

Return all previous sibling elements of each <li> element with class name "start":

$(document).ready(function(){
  $("li.start").prevAll().css({"color":"red","border":"2px solid red"});
});

Result:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)

Try it yourself »

Definition and Usage

The prevAll() method returns all previous sibling elements of the selected element.

Sibling elements are elements that share the same parent.

The DOM tree: This method traverse backwards along siblings of DOM elements.

Related methods:

  • prev() - returns the next sibling element of the selected element
  • prevUntil() - returns all next sibling elements between two given arguments

Syntax

$(selector).prevAll(filter)

Parameter Description
filter Optional. Specifies a selector expression to narrow down the search for previous siblings

Note: To return multiple siblings, separate each expression with a comma.

Examples

Try it Yourself - Examples

Narrow down the search
How to filter the search for previous sibling elements.

Return multiple siblings
How to use the filter parameter to return all siblings of a <h2> element that have class names "1", "2" and "3".

Select all previous sibling elements of a <p> element
How to select all previous sibling elements of a <p> element.

Select all previous sibling <p> elements of <div>
How to select all previous sibling <p> elements of each <div> element.


jQuery HTML Methods jQuery Traversing Methods


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook