jQuery 将类添加到当前 li 并在 li a 中单击时删除上一个 li

Question

这是 html:

<ul>    
    <li class="current"><a href="#">menu item</a></li>  
    <li><a href="#aba">menu item</a></li>
    <li><a href="#abb">menu item</a></li>
    <li><a href="#abc">menu item</a></li>
    <li><a href="#abd">menu item</a></li>
</ul>

如果我按“a”链接，它会将“当前”类添加到单击的 li 并删除旧的 li 类？这是我的尝试:

$('ul li a').click(function(){
  $('ul li').removeClass('current');
  ... don't know here (add class to current li) ...
});

Answer 1

使用 .parent('li') 或 .closest('li') 选择点击的 <li> .

$('ul li a').click(function() {
    $('ul li.current').removeClass('current');
    $(this).closest('li').addClass('current');
});