jquery - 用相同的选择器关闭其他元素并在 jquery 中打开单击的元素

Question

我有一个简单的播放按钮列表，例如

<a class="play" rel="video-1"></a> <a class="play" rel="video-2"></a>

当我单击其中一个时，我希望关闭（删除“活动”类）其他人并打开（添加“活动”类）单击的那个。

我已经尝试过了，但它不能正常工作：

$('a.play').live('click', function() { 

    $('a.play').removeClass('active');

    $(this).toggleClass('active');          

});

我需要“.live()”，因为按钮是异步加载的。

我希望删除其他元素上的“活动”类，但单击了一个，在单击的元素上添加“活动”类，并在第二次单击删除类（“活动”）时（这不能正常工作）。

任何帮助将不胜感激。

非常感谢你。

score 1 · Accepted Answer

试试这个，第二次点击链接后，它会被删除

$('a.play').live('click', function() { 


    $(this).toggleClass('active');  
    $('a.play').not(this).removeClass('active');        

});

1 回答 1