Home >>jQuery Tutorial >jQuery prevAll() Method

jQuery prevAll() Method

jQuery prevAll() Method

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

Syntax:
$(selector).prevAll(filter)

Parameter Values

Parameter Description
filter It is an optional parameter and is used to specifies a selector expression to narrow down the search for previous siblings
Here is an Example of jQuery prevAll() 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").prevAll().css({"color": "red", "border": "2px solid #3e88f0"});
});
</script>
</head>
<body>
<div style="width:500px;" class="siblings">
<ul>ul (parent)  
<li>li (the previous sibling of li with class name "start")</li>
<li>li (the previous sibling of li with class name "start")</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 (the previous sibling of li with class name "start")
  • li (the previous sibling of li with class name "start")
  • li (the previous sibling of li with class name "start")
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)