jquery - JQuery 変更アンカー li

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