使用JQuery删除样式

Question

我在HTML5文件中定义了此列表，我想知道当我点击<li>添加类default并将其从其他{{1}中删除时是否可行使用JQuery

<li>

Answer 1

试试这个......

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

Answer 2

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

Answer 3

这应该可以解决问题。

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