<html><head> <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script> <style> .box * { display: block; border: 2px solid #f2f3f5; color: #212b36; padding: 5px; margin: 15px; } </style></head><body><h1>Select All the Previous Sibling Elements</h1><div class="box"> <div style="width:300px;"> <h2>h2</h2> <p>p</p> <span>span</span> <ul>ul <li>li</li> </ul> </div></div><script> $(document).ready(function(){ $("span").prevAll().css({"color": "#ffc107", "border": "2px solid #ffc107"}); });</script></body></html>