prev() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:prev

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

Description

The prev() method returns the previous sibling element (share the same parent) of the selected element.

Syntax

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

The following code shows how to Return the previous sibling element of each <div> 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").prev().css("color", "red");
});//from w  w w  . j  a  v  a2 s . c o m
</script>
</head>
<body>

<p>This is a p element.</p>
<h2>This is a heading, and the previous sibling element of a div element</h2>

<div style="border:1px solid black;padding:10px;">This is a div element.</div>
<p>This is another p element.</p>
<p>This p element is the previous sibling element of a div element.</p>

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

</body>
</html>

Related Tutorials