Xクラスがある場合、新しいYクラスを追加しないでください

Question

私は私のJSとちょっと混乱しています（私はJSで非常に新しい作業です）。

私はすでに

$('#left-nav-menu').hover(function() { 
    $(this).toggleClass('menu-desktop_open_hover') 
}); 

は、私はすでにこのクラス「メニューdesktop_open_hover」がある場合に達成したいと考えており、このクラス「メニューdesktop_open_hover」とDIVをクリックして新しいクラスを追加しないでください"menu-desktop_open"と呼ばれる新しいクラスを追加しています（このクラスを別のものにしておく必要がありますが、 divはマウスオーバー/マウスアウトです）

私はそれを達成する方法を知っていますか？

おかげ

Answer 1

あなたはhasClass()

$('div').on('click', function() { 
    if ($(this).hasClass("menu-desktop_open_hover")) { 
    //Do something if it's true the class is applied... 
    } 
}); 

Answer 2

のjQueryを使用することができますあなたは私の最終的なコードの下

を@ProEvilzし、それが働いているありがとう！

$('#left-nav-menu').hover(
 
    function() { 
 
    $(this).toggleClass('menu-desktop_open_hover') 
 
    } 
 
); 
 

 
$('#left-nav-menu').on('click', function() { 
 
    if ($(this).hasClass("menu-desktop_open_hover")) { 
 
    $("#left-nav-menu").removeClass("menu-desktop_open"); 
 
    } 
 
});

Answer 3

あなたはこのようにトグルを使用することができます。

$('div').on('click', function() { 
    if ($(this).hasClass("menu-desktop_open_hover")) { 
    $(this).toggleClass("menu-desktop_open"); // toggleClass() will help you. 
    } 
});