JQuery变更锚

我有：

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

//单击侧面导航按钮时加载显示信息
$（函数（）{
$（“[id^=NAV]”。单击（函数（evt）{
var currID=$（this.attr（'id'）；
$（currID）.prev（'li'）.attr（'class'，'current'）；
evt.preventDefault（）；
});
});

我想在他们单击锚定时更改li的类。我显然是JQuery的新手，请帮助我

谢谢

我想上面所说的就是你想要做的

但更完整的解决方案是：

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

//单击侧面导航按钮时加载显示信息
$（函数（）{
$（“a”）。单击（函数（evt）{
$（'.current'）.removeClass（'current'）；
$（this.parent（）.addClass（'current'）；
evt.preventDefault（）；
});
});

add

$（“[id^=NAV]”）。removeClass（'current'）

：）@UnLoCo-当前

的类实际上应用于父元素，而不是id以
NAV
开头的元素。
$("a[id^='NAV']").click(function(evt){
    evt.preventDefault();
    $('.current').removeClass('current'); //removes the current class from the previously current element.
    $(this).parent().addClass('current');   
});

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