问题:

here is html:

menu item
       menu item
     menu item
     menu item
     menu item

if I press 'a' link it will addClass 'current' to clicked li and remove old li class? this is my try:

$('ul li a').click(function(){   $('ul li').removeClass('current');   ... don't know here (add class to current li) ... });

回答1:

Use .parent('li') or .closest('li') to select the clicked

$('ul li a').click(function() {     $('ul li.current').removeClass('current');     $(this).closest('li').addClass('current'); });

回答2:

Use on('click') if you are using latest version of jquery

$('ul li a').on('click', function(){     $(this).parent().addClass('current').siblings().removeClass('current'); });

A fiddle is here.

回答3:

$('ul li a').click(function(){   $('ul').children().removeClass('current');   $(this).addClass('current'); });

Hope, this will works for you..

回答4:

Rob is right but $('ul li.current').removeClass('current'); didn't work for me. Following code works.

jQuery('ul li a').click(function()  {  jQuery('ul').children().removeClass('selected'); jQuery(this).closest('li').addClass('selected');

}

回答5:

http://jsfiddle.net/z8DYP/3/

回答6:

Just add the the class to this like so...

$(this).addClass('yourClass');

回答7:

Maybe you mean this?

$('ul li').each(function(){   var t = $(this);   t.find('a').click(function() {     $('ul li').removeClass('current');     t.addClass('current');   }); });

转载请标明出处:jQuery add class to current li and remove prev li when click inside li a

文章来源: jQuery add class to current li and remove prev li when click inside li a

标签

jquery