我有一个简单的播放按钮列表,例如
<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”)(这不能正常工作)。
我们将真诚地感谢任何帮助。
提前非常感谢您。
最佳答案
试试这个,第二次点击链接后它会删除类
$('a.play').live('click', function() {
$(this).toggleClass('active');
$('a.play').not(this).removeClass('active');
});
Jsfiddle http://jsfiddle.net/TD7Yz/1/
关于jquery - 关闭具有相同选择器的其他元素并打开 jquery 中单击的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8879109/