A simple function to select the current jQuery function?

Question

I have several lists, and when the user clicks on an item, I would like it to change the class to the current one, but if users then click on another item in the same list to switch it to the current one and remove the current one from the previous selected item.

any quick examples, I know that this probably already exists, but did not find a good example.

<ul id="list">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
</ul>

So, if you click on element 1, it will be the current class, but will disconnect if you click on element 2.

Answer 1

$('ul#list li').click(function(){
   $(this).addClass('current').siblings().removeClass('current');
});

link

• addClass
• siblings
• removeClass

simple demonstration

---

li / current - . , ,

$('ul#list li a').click(function(){
   var li = $(this).parent();
   li.find('a').addClass('current');
   li.siblings().find('a').removeClass('current');
   return false;
});

click / current li, ,

$('ul#list li a').click(function(){
   var li = $(this).parent();
   li.addClass('current').siblings().removeClass('current');
   return false;
});