管理活动状态

Question

<ul>
    <li><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
</ul>

点击后，我想将active添加到父li元素，同时从已经可能处于活动状态的任何其他元素中删除active类。

Answer 1

$("li a").click( function() {
  $(".active").removeClass("active");
  $(this).parent("li").addClass("active");
});

Answer 2

$('div.filter').delegate('a', 'click', function (event) {
  var theLi = $(this).closest('li');

  theLi.siblings('.active:first').removeClass('active');
  theLi.addClass('active');

  $('ul.items li').hide().filter('.' + this.href.slice(this.href.indexOf("#") + 1)).show();

  event.preventDefault();
});