在悬停时向div子级添加/删除类

Question

是否可以将一个类添加到正在积极悬停的div的子级中？我试着使用这个脚本：

            $('.star, .ship').hover(
            function()
            { 
                $(this).children().removeClass('hidden');               },
            function() 
            { 
                $('.child').addClass('hidden'); 
            }
            );

然而它不起作用。

Answer 1

查看mouseenter和mouseleave事件处理程序

像

这样的东西

$('.star, .ship').mouseenter(function{
    $(this).children().removeClass('hidden'); 
}) 

$('.star, .ship').mouseleave(function{
    $(this).children().addClass('hidden'); 
}) 

Answer 2

只需将第7行的$('.child')更改为第4行的$(this).children()。

$('.child')可以获得类child的任何内容，而不是对象的子项。

修改：您的最终代码如下：

$('.star, .ship').hover(function(){
    $(this).children().removeClass('hidden');
},function(){
    $(this).children().addClass('hidden'); 
});