jQuery Siblings
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> </head> <body> <ul> <li>First item</li> <li class="active">Active item</li> <li>Third item</li> </ul> <div> <h2 class="title">Section Title</h2> <p>First sibling paragraph.</p> <p>Second sibling paragraph.</p> </div> <script> $(document).ready(function() { // Highlight all siblings of the active list item $("li.active").siblings().css("color", "#888"); // Only the sibling paragraphs of the selected heading $("h2.title").siblings("p").css("font-style", "italic"); }); </script> </body> </html>