JS: indicating the current item in the menu

Question

I have a menu:

 <ul>
    <li id="active"><a href="/"></a></li>
     <li><a href="/about/"> і</a></li>
     <li><a href="/work/">іі</a></li>
     <li><a href="/initiative/">Ііі</a></li>
     <li><a href="/statti/">і</a></li>
 </ul>

Can you suggest a way to change id = the active attribute for this list. If, for example, I clicked, I want this element li to be marked as active.

thanks

Answer 1

There is an elegant css method to create an active navigation state without javascript or server support. In principle, a single id (for example, as an attribute of the body id) that uniquely identifies the navigation state is enough to create css selectors that highlight the active state.

Answer 2

, . , , , , "", , , "actiuve" . "" .

Answer 3

, , "xpto", onclick ​​:

onclick="setActiveId(this);"


functionSetActiveId(newActiveElem){
  var allElems = document.getElementById('xpto').childNodes;

  for(var i = 0; i < allElems.length; i++){
    allElems[i].id = '';
  }

  newActiveElem.id = 'active';
}

Answer 4

, , . ( . http://css-discuss.incutio.com/?page=ClassesVsIds. .)

, jQuery, : http://docs.jquery.com/Attributes

""