Home >>jQuery Tutorial >jQuery prev() Method

jQuery prev() Method

jQuery prev() Method

jQuery prev() method in jQuery is used to returns the previous sibling element (share the same parent) of the selected element.

Syntax:
$(selector).prev(filter)

Parameter Values

Parameter Description
filter It is an optional parameter and is used to specifies a selector expression to narrow down the previous sibling search
Here is an Example of jQuery prev() Method:

<html>
<head>
<style>
.siblings * { 
display: block;
border: 2px solid #cfe2fc;
color: #cfe2fc;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("li.start").prev().css({"color": "red", "border": "2px solid #3e88f0"});
});
</script>
</head>
<body>
<div style="width:500px;" class="siblings">
<ul>ul (parent)  
<li>li (sibling)</li>
<li>li (the previous sibling of li with class name "start")</li>
<li class="start">li (sibling with class name "start")</li>
<li>li (sibling)</li>
<li>li (sibling)</li>
</ul>   
</div>
</body>
</html>

Output:
    ul (parent)
  • li (sibling)
  • li (the previous sibling of li with class name "start")
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)

No Sidebar ads