【问题标题】:On hover over any element – remove class from whatever element has that class将鼠标悬停在任何元素上 - 从具有该类的任何元素中删除类
【发布时间】:2013-05-23 11:46:46
【问题描述】:

我在一个容器中有几个锚标记。

这个 jQuery sn-p 选择其中一个锚标记,并向它们添加一个类:

$("#container").find("a").eq(random).addClass("active");

当用户将光标悬停在容器内的任何锚标记上时,我希望从当前拥有它的任何锚标记中删除该类。

问题: jQuery 代码是什么:“将鼠标悬停在 #container 内的任何锚标签上,从容器中当前拥有的锚标签中删除 .active 类” ?

【问题讨论】:

    标签: javascript jquery hover mouseover removeclass


    【解决方案1】:

    我想你只想:

    $("#container a").hover(function() {
        $("#container a.active").removeClass("active");
    });
    

    【讨论】:

    • 你想的没错,@roasted,非常感谢!这正是我一直在寻找的。唯一的事情是,我刚刚将它添加到我正在处理的页面中,它揭示了一个额外的挑战。我可以请你看一下我要写的一个单独的问题吗?
    • 你能看看另一个问题吗,@roasted ?它是你刚刚帮助我的那个的延续。 stackoverflow.com/questions/16713676/…
    【解决方案2】:

    使用jQuery Hover 处理程序

    $("container a.active").hover(function() {
        $(this).removeClass("active");
    });
    

    或者,您也可以使用 mouseenter 处理程序

    小提琴:http://jsfiddle.net/b84t5/

    【讨论】:

    • 不是说:“当您将鼠标悬停在当前具有 .active 类的锚标记上时,删除活动类”,@c.P.u1 - 我说的对吗?
    • 它说当你将鼠标悬停在一个类活动的上时,它会删除它的“活动”类
    • 谢谢,@c.P.u.1 - 我的问题是,“当您将鼠标悬停在容器内的任何链接上时”,而不仅仅是活动链接。 Roasted 给出了我正在寻找的答案。我仍然会投票赞成你的答案,但我的名声太小,无法投票。
    • 没问题@Piano 兄弟,我在烤后明白了你的问题。
    • 我可以请您看一下另一个(相关)问题吗,@c.P.u.1? stackoverflow.com/questions/16713676/…
    猜你喜欢
    • 2012-09-01
    • 1970-01-01
    • 2014-08-20
    • 1970-01-01
    • 1970-01-01
    • 2020-01-03
    • 1970-01-01
    • 2022-06-15
    • 1970-01-01
    相关资源
    最近更新 更多