javascript - 更改类名后将第二个单击事件附加到元素

Question

我有一个类名为 a 的 div。我将点击事件附加到此 div，例如

$('.a').on('click',  function() {
    $(this).removeClass('a').addClass('b');
})

在此之后；元素的类名从 a 更改为 b。我想在 .b 上附加第二次点击事件，例如

$('.b').on('click', function() {
    $(this).removeClass('b').addClass('c');
})

第一个点击事件工作正常，但第二个点击事件不触发。看我的JSfiddle.

Answer 1

将点击附加到 DOM 中的更高元素 - 当您更改类时，冒泡的事件将会更改，例如

$("body").on("click", ".b", function() {
    $(this).removeClass('b').addClass('c');
});