Question

我有问题。我在许多表格上找到了解决方案，但我没有找到它。

我有 div class =“first”，我有这个脚本：

$(".first").click(function() {
  alert("HI");
});

然后我有一个按钮和脚本来更改上面的div类：

$("button").click(function() {
  $(".first").attr( "class", "second" );
});

div 的另一个脚本 class =“second”：

$(".second").click(function() {
  alert("GOODBYE");
});

问题： 如果我点击 div ，当它首先类时，会输出“HI”。然后我点击按钮。然后我点击 div ，当它有第二类时，它会输出“HI”（就像第一种情况一样）。但是我想，它会输出“GOODBYE”。

你能帮我解决这个问题吗？ 对不起我的英语，但这不是我的第一语言。

Answer 1

您永远不会从元素中删除初始类。尝试使用通用div选择器并使用toggleClass。这将检查元素是否具有类，并相应地添加/删除它。

$("button").click(function() {
    $("div").toggleClass("second");
    $("div").toggleClass("first");
});