javascript - 遍历具有特定类的每个对象，对除触发事件的对象之外的所有对象执行一些 css

Question

我想知道的是如何修改下面的代码以将 css 应用于具有特定类的所有对象，除了触发悬停事件的对象。

 $(".back").hover(
    function(){

        $(this).find("span").show();
        $(this).find("span").slideDown("slow");

    },
    function(){
        $(this).find("span").css ("display", "none");

    }
); 

所以目前上面的代码会将 css 应用于包含类“.back”的悬停对象。而我想要相反的结果，所以将 css 应用于类为“.back”的所有对象，触发事件的对象除外。

现在我知道它会分析正在循环的当前对象，如果该对象 != 触发悬停的对象然后应用 css。但我不确定语法。

如果这没有意义，请不要犹豫，让我进一步解释。

感谢您的帮助!

卡勒姆

Answer 1

使用.not()

$(".back").hover(
    function(){

        $('.back').not(this).find("span").show();
        $('.back').not(this).find("span").slideDown("slow");

    },
    function(){
        $('.back').not(this).find("span").hide();

    }
);