Home/ Questions/Q 132867
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T06:19:51+00:00

I have this HTML <div id=navContainer> <ul> <li class=selected><a href=#>Home</a></li> <li><a href=#>Services</a></li> </ul> </div>

  • 0

I have this HTML

  <div id='navContainer'>     <ul>       <li class='selected'><a href='#'>Home</a></li>       <li><a href='#'>Services</a></li>     </ul>   </div>

And I want to change the top border of the li next to the selected one (in this case ‘Services’). I have this jQuery but it does not work.

$(document).ready(function(){   alert($('#navContainer .selected').next().html()); // This alerts: <a href='#'>Services</a>   $('#navContainer .selected').next().css('border-top-color','#7d7d7d'); // This doesn't do anything });

Am I doing something wrong?

Thanks in advance!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Are you trying to change the top border or the background color? Fix your question.

    Your example works for me. Here’s my full test:

    <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'     'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html> <head> <script type='text/javascript' src='jquery-1.3.1.js'></script> <script> $(document).ready(function(){   alert($('#navContainer .selected').next().html()); // This alerts: <a href='#'>Services</a>   $('#navContainer .selected').next().css('background-color','red'); }); </script> </head> <body>   <div id='navContainer'>     <ul>       <li class='selected'><a href='#'>Home</a></li>       <li><a href='#'>Services</a></li>     </ul>   </div> </body> </html>

    The second element’s background color turns red.

    • 0