Question

I have a list “abc”. by default, the first one is selected. If I click on the menu3, it should be set to “current”, and menu1 ‘current’ class should be removed. Please help me to write this query using jQuery.

<ul class="abc">
    <li><a href="#" class="current">menu1</a></li>
    <li><a href="#">menu2</a></li>
    <li><a href="#">menu3</a></li>
</ul>

Answer 1

var anchors = $('li a');

anchors.on('click', function(e){
    e.preventDefault();
    anchors.removeClass('current');
    $(this).addClass('current');
});

http://jsfiddle.net/n8R6X/