jquery - 如何刷新DOM以接受新的Click类

我有一个DoFirst类的按钮

<button class="DoFirst">Click First</button>

单击后，它会执行某些操作，然后将其类更改为DoSecond

$(".DoFirst").click(function() {
    // do something
    $(this).removeClass('DoFirst').addClass('DoSecond').html('Click Second');
});

现在，我已经更改了类，现在想使用相同的按钮执行其他功能，然后再次将其全部更改

$(".DoSecond").click(function() {
    // do something
    $(this).removeClass('DoSecond').addClass('DoFirst').html('Click First');
});

问题在于，第一次单击后似乎无法识别新的类，而只是像DoFirst类仍处于活动状态，就像DOM需要以某种方式刷新一样。有没有解决的办法？

最佳答案

使用on()对页面加载后的DOM变化做出反应。

$(document).on('click', '.DoFirst', function() {
});

与DoSecond相同。

最好使用最近的父级而不是document，但由于我不知道您的结构...