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

JQuery改变主播李

2 个答案: