jquery - 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>

当他们单击锚点时，我想更改 li 的类。我显然是 JQuery 的新手，请帮忙！

谢谢

Answer 1

<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>

Answer 2

$("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');   
});