javascript - 查找 class = 某个类的元素并删除类

Question

我有一个没有类的 div 列表，当它们被单击时，它们会获得“事件”类，但是当我单击列表中的第二个 div 时，我希望任何其他使用事件类的 div 删除类活跃的。

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>

单击 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" );  
};

选择器选择所有类为“active”的元素，并从中移除类。然后您只需将类添加到您单击的元素。