Javascript jQuery onClick不处理主元素

我正在尝试从元素中添加和删除

onclick

类

但是我的函数不起作用，因为它仅在单击子元素时添加类，而仅在单击父元素时删除该类

我想移动

.card header.swipeable

元素以显示

.swipe actions

元素，然后再次单击以隐藏

检查此代码

$('.card-header.swipeable').on('click', function(e){
    e.preventDefault();

    if( $('.card-header.swipeable').hasClass('swipe-left') ) { 
      $('.card-header.swipeable').removeClass('swipe-left');
    }else{
        $(this).addClass('swipe-left');
    }

  });

检查此代码

$('.card-header.swipeable').on('click', function(e){
    e.preventDefault();

    if( $('.card-header.swipeable').hasClass('swipe-left') ) { 
      $('.card-header.swipeable').removeClass('swipe-left');
    }else{
        $(this).addClass('swipe-left');
    }

  });

---

只需使用

toggleClass

即可：

$('.card-header.swipeable').on('click', function(e) {
    $(this).toggleClass('swipe-left');
    e.preventDefault();
})

---

只需使用

toggleClass

即可：

$('.card-header.swipeable').on('click', function(e) {
    $(this).toggleClass('swipe-left');
    e.preventDefault();
})

---

哇，太棒了！有一种方法可以让它翻译得慢一点吗？哇，太好了！有没有办法让它翻译得慢一点？