JQuery的變化主播李

Question

我有：

<li><a href="#" id="NAV1">Captain</a></li> 
<li><a href="#" id="NAV2">Obvious</a></li> 

<script> 
//Load Display info when side-nav button is clicked 
$(function() { 
     $("[id^=NAV]").click(function(evt) { 
     var currID = $(this).attr('id'); 
     $(currID).prev('li').attr('class', 'current'); 
     evt.preventDefault(); 
     }); 
    }); 
</script> 

我想改變類裏，當他們點擊的錨。我明顯是JQuery的新手，請大家幫忙！

感謝

Answer 1

$("a[id^=NAV]").click(function(evt) { 
    $(this).parent().addClass('current'); 
    evt.preventDefault(); 
}); 

我認爲像上面是你想要做什麼......

但一個更完整的解決方案是：

$("a[id^='NAV']").click(function(evt){ 
    evt.preventDefault(); 
    $('.current').removeClass('current'); //removes the current class from the previously current element. 
    $(this).parent().addClass('current'); 
}); 

Answer 2

<script type="text/javascript"> 
//Load Display info when side-nav button is clicked 
$(function() { 
     $("a").click(function(evt) { 

     $('.current').removeClass('current'); 
     $(this).parent().addClass('current'); 

     evt.preventDefault(); 
     }); 
    }); 
</script>