javascript - JavaScript addClass removeClass不能按需工作

当我单击图标时，我希望将其打开/关闭。

在我的html文件中，我有：

<div class="startSharing"></div>

在我的js中：

$('.startSharing').click(function() {
    $(this).removeClass('startSharing');
    $(this).addClass('stopSharing');
});

$('.stopSharing').click(function() {
    $(this).removeClass('stopSharing');
    $(this).addClass('startSharing');
});

从打开切换到关闭时，它可以正常工作-但我不明白为什么关闭时它仍会进入“ startSharing”部分。

谢谢你的帮助。

最佳答案

在这种情况下，您要将处理程序设置为特定的元素。设置好之后，无论选择器如何更改，都可以设置好。

如果它们都是这样开始的，则可以在.startSharing元素上定义它。然后，您可以使用.toggleClass()轻松打开/关闭它们：

$('.startSharing').click(function() {
    $(this).toggleClass('startSharing stopSharing');
});

关于javascript - JavaScript addClass removeClass不能按需工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26744066/