parent / sibling / child上的jQuery removeClass

$(function() {
    $('nav li a').click( function() {
        $(this).parent().siblings().children().removeClass('active');
        $(this).addClass('active');
    });
});

在这些情况下,将处理程序附加到< li>并从< a>点击 bubble up (默认情况下会发生).然后你的处理程序看起来像这样：

$(function() {
  $('nav li').click( function() {
    $(this).addClass('active').siblings().removeClass('active');
  });
});

然后在您的CSS中,您只需在< li&gt

li.active a { color: red; }

另外,如果你有很多< li>你想要使用的元素.delegate()就像这样：

$('nav').delegate('li','click',function() {
  $(this).addClass('active').siblings().removeClass('active');
});