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()”，因为按钮是异步加载的。

我希望删除其他元素上的“active”类，但单击一个元素，在单击的元素上添加“active”类，然后在第二个元素上单击删除类(“active”)(这不能正常工作)。

我们将真诚地感谢任何帮助。

提前非常感谢您。

Answer 1

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

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


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

}); 

Jsfiddle http://jsfiddle.net/TD7Yz/1/