小编Mai*_*oma的帖子

我有一个元素,一旦你点击它,它添加和删除一个类与jQuery.当您单击子元素时,我希望类再次交换.我试过这样做,.parent但似乎没有用..

这是html:

<article class="block inactive">
  <span class="close"></span>
</article>

和jQuery:

$('.block').click(function(){
    $(this).removeClass('inactive'),
    $(this).addClass('active');
});

$('.close').click(function(){
    $(this).parent().addClass('inactive');
    $(this).parent().removeClass('active');
});

编辑

解:

$('.block').click(function(){
    $(this).addClass('active');
    $(this).removeClass('inactive');
});

$('.close').click(function(e){
    $(this).parent('.block').toggleClass('inactive active');
    e.stopPropagation();
});