关闭具有相同选择器的其他元素并打开 jquery 中单击的元素

Question

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

当我点击其中一个时，我希望关闭（删除类“active”）其他并切换在（添加类“活动”）单击的那个上。

我已经尝试过，但它无法正常工作：

$('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 /