Javascript 使用JQuery删除样式

我在一个HTML5文件中定义了这个列表，我想知道当我单击一个添加类default并使用JQuery从其他类中删除它时是否可能

 <ul id="ul-graellatab-list" class="tabs">
   <li><a href="#" class="tabs_menu default">Temperature</a></li>
   <li><a href="#" class="tabs_menu">Humidity</a></li>
   <li><a href="#" class="tabs_menu">Pressure</a></li>
 </ul>

---

这应该能奏效

$(document).ready(function(){
  $('#ul-graellatab-list li').each(function(){
    $(this).click(function(){
      $('li.default').removeClass('default');
      $(this).addClass('default');
    })
  });
});

试试这个

$("#ul-graellatab-list > li").click(function() {
     $("#ul-graellatab-list > li").removeClass("default");
     $(this).addClass("default");
});

---

这里没有必要使用每一个。您可以直接将单击事件绑定到列表项

$("#ul-graellatab-list li").click(function() {
     $("#ul-graellatab-list li.default").removeClass("default");
     $(this).addClass("default");
});