Найти элементы, где class = определенный класс и класс delete

Question

У меня есть список divs без класса, когда они нажимаются, они получают класс 'active', но когда я нажимаю второй div в списке, я хочу, чтобы любой другой div который использует класс active для сброса класса active.

HTML-: -

<div id="div1" onclick="classchanger(this); return false;"><p>first item</p></div> 

    <div id="div2" onclick="classchanger(this); return false;"><p>second item</p></div> 

    <div id="div3" onclick="classchanger(this); return false;"><p>third item</p></div> 

Jquery добавить класс при ДИВ нажатии: -

function classchanger(e) { 
    $(e).addClass("active"); 

    }; 

Однако я должен удалить этот класс должен другой DIV быть щелкнул на такие как: - (пример кода, который я пытаюсь достичь.)

function classchanger(e) { 
    if(any div == class of active){ 
    the divs with a class of active .removeClass("active") 
    } 
    $(e).addClass("active"); 
    }; 

Любая идея на этом или другом методе я был бы очень благодарен.

Answer 1

Вы просто должны изменить classchanger функцию

function classchanger(e) { 
    $("#container").find(".active").removeClass("active"); 
    $(e).addClass("active"); 
}; 

Селектор выбирает все элементы с классом «активным», и удаляет класс из них. Затем вы просто добавляете класс к элементу, на который вы нажимали.

Answer 2

HTML

<div id="div1" class="item"><p>first item</p></div> 
    <div id="div2" class="item"><p>second item</p></div> 
    <div id="div3" class="item"><p>third item</p></div> 

JS (JQuery)

$(".item").on("click",function() { 
    $(".item").each(function() { $(this).removeClass("active"); }); 
    $(this).addClass("active"); 
});