javascript - 如何使用 jQuery 在 html 元素中添加或删除类

Question

我试图在当前 <a></a> 上添加类(class)并想从其他 <a></a> 中删除该事件类.我在尝试

MY FIDDLE

HTML

 <ul>
  <li>
   <a href="#" class="active">
    Home
   </a>
  </li>
  <li>
   <a href="#">
    About
   </a>
  </li>
  <li>
   <a href="#">
    Service
   </a>
  </li>
</ul>

jQuery

$('ul li a').click(function(e){
 e.preventDefault();
 $(this).addClass('active').siblings().removeClass('active');
});

Answer 1

$('ul li a').click(function(e){
 e.preventDefault();
  $('ul li a').removeClass('active')
 $(this).addClass('active');
});

.active{color:red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>
   <a href="#" class="active">
    Home
   </a>
  </li>
  <li>
   <a href="#">
    About
   </a>
  </li>
  <li>
   <a href="#">
    Service
   </a>
  </li>
</ul>
jQuery

您可以从 anchor 中删除所有事件类，然后将事件类添加到单击的 anchor