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 событие. 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"); 
    }) 

})