javascript - 点击后Javascript更改添加类

Question

使用此代码读取“pnotify-no-title”，然后单击显示带有 bg-primary 类的检查文本；现在我需要在单击一次后显示带有 bg-primary 的检查文本，然后在下一次单击后显示带有 bg-primary2 类的 check2 文本，然后在下一次单击后再次显示带有 bg-primary 类的检查文本

  $('#pnotify-no-title').on('click', function () {
    new PNotify({
        text: 'Check',
        addclass: 'bg-primary'

    });
});

Answer 1

我相信您需要记录交替点击。一种简单的方法是向对象添加一个类来记录是哪次点击

  $('#pnotify-no-title').on('click', function () {
    var $this = $(this);
    new PNotify({
        text: $this.hasClass('odd-click') ? 'Check2' : 'Check',
        addclass: $this.hasClass('odd-click') ? 'bg-primary2' : 'bg-primary'

    });

    $this.toggleClass('odd-click');
});