jQuery"主动"类赋值

Question

我想要完成的就是能够拥有一个无序链接列表,其中单击一个链接,父列表项被分配为"活动"类.在该列表中单击另一个链接后,它会检查是否已分配"活动",将其从该列表项中删除,并将其添加到最近单击的链接父列表项中.

例:

第一步 - 用户点击了链接"我是链接二"

<ul>
<li><a href="#">I am link one</a></li>
<li class="active"><a href="#">I am link two</a></li>
</ul>

第二步 - 用户现在点击了"我是链接一个"链接

<ul>
<li class="active"><a href="#">I am link one</a></li>
<li><a href="#">I am link two</a></li>
</ul>

很简单,但男人我打败了我.

Answer 1

假设:UL元素具有类"linksList".

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

Answer 2

像下面这样的东西应该这样做

$(function() {
    $('li a').click(function(e) {
        e.preventDefault();
        var $this = $(this);
        $this.closest('ul').children('li').removeClass('active');
        $this.parent().addClass('active');
    });
});

工作演示