悬停另一个时将类添加到div（Javascript）

Question

我对Javascriptan的理解有限我试图在我悬停另一个div时向div添加一个类 现在我可以在同一个div中添加一个类但是我希望能够在我将鼠标悬停在#second和#third时添加让我们说的蓝色到一个叫做第一个div的div。

当前代码：

    
    $(document).ready(function() {     
    $("#second, #third").hover(function(){     
    $(this).addClass("hover");    
    $(this).removeClass("hoverable");      
    },     
    function(){    
    $(this).removeClass("hover");     
        $(this).addClass("hoverable");     
    }  
    );     
    });        

我的实时网站可在以下网址查看：www.designinterieurm2.com/dev

Answer 1

$(document).ready(function() {     
    $('#second, #third').hover(function(){     
        $('#first').addClass('blue');    
    },     
    function(){    
        $('#first').removeClass('blue');     
    });
});   

Answer 2

只需将$(this)替换为$("#div_id");

即可

其中#div_id是您要更改的div的ID。

Answer 3

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

    $(this).addClass("current");
    $(this).find("ul").show();

},function(){

    $(this).find("ul").hide();
    $(this).removeClass("current");

});