Add style to siblings
<html> <head> <script type='text/javascript' src='js/jquery-1.3.2.js'></script> <script type='text/javascript'> var tmpExample = { ready : function() { $('ul#tmpPlaces li.myStyle').siblings().addClass('tmpSiblings'); } }; $(document).ready(tmpExample.ready); </script> <style type='text/css'> body { font: 16px sans-serif; } h4 { font-size: 16px; margin: 0 0 5px 0; } ul#tmpPlaces { list-style: none; margin: 0; padding: 0; } ul#tmpPlaces li { margin: 1px; padding: 3px; } li.tmpSiblings{ background: khaki; } </style> </head> <body> <ul id='tmpPlaces'> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> <li>f</li> <li class='myStyle'>g</li> </ul> </body> </html>