jQuery वर्तमान ली को वर्ग जोड़ सकते हैं और पिछला ली को दूर जब ली के अंदर क्लिक एक

Question

यहाँ है एचटीएमएल:

<ul>  
    <li class="current"><a href="#">menu item</a></li> 
    <li><a href="#aba">menu item</a></li> 
    <li><a href="#abb">menu item</a></li> 
    <li><a href="#abc">menu item</a></li> 
    <li><a href="#abd">menu item</a></li> 
</ul> 

अगर मैं प्रेस क्लिक किया ली को 'एक' लिंक यह addClass 'वर्तमान' होगा और पुराने ली वर्ग को दूर ? यह मेरी कोशिश है:

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

Answer 1

उपयोग .parent('li') या .closest('li') क्लिक किया <li> चयन करने के लिए।

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

Answer 2

बस this इसलिए की तरह करने के लिए वर्ग को जोड़ने ...

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

Answer 3

..

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

आशा, इस वसीयत आप के लिए काम करता है

Answer 4

$(function(){ 

    $('ul li a').click(function(){ 
     var item=$(this).parent(); 
     $('ul li').removeClass('current'); 
     item.addClass("current") 
    }); 

});​ 

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

Answer 5

शायद आप इसका मतलब है?

पर आप jQuery

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

एक बेला here है के नवीनतम संस्करण उपयोग कर रहे हैं ('क्लिक')

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

Answer 6

का प्रयोग करें।

Answer 7

रोब सही है लेकिन $('ul li.current').removeClass('current'); मेरे लिए काम नहीं किया। निम्नलिखित कोड काम करता है।

jQuery('ul li a').click(function() 
{ 

jQuery('ul').children().removeClass('selected'); 
jQuery(this).closest('li').addClass('selected'); 

}