jquery從任何地方刪除類是否存在

Question

我試圖從任何地方刪除類e是否存在。

欲瞭解更多詳情，請查看我的代碼：https://jsfiddle.net/gf4a27nn/1/

HTML

<div id="a"> 
    <button class="b d">button</button> 
</div> 
<div id="c" class="d">content</div> 
<div id="f">content2</div> 

JQuery的

$(function() { 
    $("button.b").on("click", function() { 
    $(".d").addClass("e"); 
    }) 

    $(".e").on("click", function() { 
    $(".d").removeClass("e"); 
    }) 
}) 

Answer 1

要到處刪除類e它存在，使用：

$('.e').removeClass('e'); 

Answer 2

見的工作就是我評論了關於例如：https://jsfiddle.net/Twisty/gf4a27nn/2/

JQuery的

$(function() { 
    $("button.b").on("click", function() { 
    if ($(".e").length) { 
     $(".e").removeClass("e"); 
    } else { 
     $(".d").addClass("e"); 
    } 
    }) 
}) 

Answer 3

您在onclick事件僅添加 '.E'。 jquery無法找到你的屬性。所以，你應該使用像「div＃a button.e」。

$(function() { 
    $("button.b").on("click", function() { 
    //remove this line. because you are having class 'd' for button and div 
    //$(".d").addClass("e"); 
    // to addClass 'e' for button use below code, 
    $(this).addClass("e"); 
    }) 

    // now use onclick function for class 'e' 
    $("div#a button.e").on("click", function() { 
    alert("button class removal"); 
    $(this).removeClass("e"); 
    }) 

})