Live Demo: jQuery prev() Method to Get Previous Sibling Element

​x
 
<!doctype html>
<html lang="en">
<head>
<title>jQuery prev() Method to Get Previous Sibling Element</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){ 
    $('.mybtn').click(function(){
        $("ul li.4thitem").prev().css({"color":"orange","border":"1px solid red","padding":"10px"});
    });
});
</script>
</head>
<body>
<h2>jQuery prev() Method to Get Previous Sibling Element</h2>
<ul>
    <li>1st list element</li>
    <li>2nd list element</li>
    <li>Previous sibling of 4th list element</li>
    <li class="4thitem">Selected 4th list element</li>
    <li>5th list element</li>
</ul>
<button type="button" class="mybtn">Click to Get Previous Sibling</button>
</body>
</html>              
​