prevAll() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:prevAll

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. prevAll

Description

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

Syntax

Parameter Require Description
filterOptional. selector expression to narrow down the search for previous siblings

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

The following code shows how to Return all previous paragraph sibling elements of each <li> element.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("div").prevAll("p").css("background-color", "blue");
});/*from www  .  ja va  2s  .  c o  m*/
</script>
</head>
<body>

<p>This is a p element</p>
<h2>This is a heading</h2>

<div style="border:1px solid black;padding:10px;">
  <p>This is a p element inside a div element.</p>
</div>

<p>This is a p element.</p>
<p>This is another p element.</p>

<div style="border:1px solid black;padding:10px;">This is a div element.</div>

<p>This is a p element.</p>

</body>
</html>

Related Tutorials