jQuery - 如果一个类出现在DOM上，然后单击包装器再次删除该类

Question

我要做的是检查一个类是否与hasClass一起处于活动状态。如果它处于活动状态，然后单击包装器，则再次从包装器中删除该类。

这是我要删除课程的内容：

 $(function() {
    $('.toggle-nav').click(function() {
        // Calling a function in case you want to expand upon this.
        toggleNav();

        $('#site-wrapper.show-nav').click(function (){
            $(this).removeClass('show-nav');
        });
        console.log('it worked');
    });
});

但是这段代码只要点击它就会删除它，而不检查＆＃34;如果＆＃34;它存在。即使它不存在，也会删除它。

在

Answer 1

在click函数中有if语句

    $('#site-wrapper').click(function (){
       if ($('#site-wrapper').hasClass('show-nav')) {
         $('#site-wrapper').removeClass('show-nav');
       }
    })

Answer 2

试试这个：

$('#site-wrapper').click(function () {
    if ($(this).hasClass('show-nav')) {
        $(this).removeClass('show-nav');
    } else {
        $(this).addClass('show-nav');
    }
});

<强> JSFiddle Demo

Answer 3

    $('#site-wrapper.show-nav').click(function (){
        $(this).removeClass('show-nav');
    });