Jquery 悬停倍数将类添加到公共父容器实例
为自己的新手道歉 我希望在悬停3个子元素中的任何一个时,在父容器div上添加/删除类,而不管嵌套结构如何。 这样我就可以将CSS样式应用于悬停时它们各自最近的公共父容器的任何子元素Jquery 悬停倍数将类添加到公共父容器实例,jquery,Jquery,为自己的新手道歉 我希望在悬停3个子元素中的任何一个时,在父容器div上添加/删除类,而不管嵌套结构如何。 这样我就可以将CSS样式应用于悬停时它们各自最近的公共父容器的任何子元素 $('.beta')。悬停(函数(){ $('.alpha').toggleClass('hover'); }); $('.beta2')。悬停(函数(){ $('.alpha2').toggleClass('hover'); });基于此 将JQuery代码更改为 $('.beta').hover(functio
$('.beta')。悬停(函数(){
$('.alpha').toggleClass('hover');
});
$('.beta2')。悬停(函数(){
$('.alpha2').toggleClass('hover');
});代码>基于此
将JQuery代码更改为
$('.beta').hover(function(){
$(this).closest('.alpha').toggleClass('hover');
});
或
你能缩进你的代码吗?我不知道你的问题。。。为什么你不能像第一组一样,把beta2
和alpha2
命名为beta
和alpha
?如果没有第二个javascript事件,那就行了。您好,谢谢您的回复。那可能也行,我得在生产中试用。问题是,现在两个(所有)父容器都受到生成的类名的影响。我在任何时候都只需要1个。这不是太过分了吗?
$('.beta').hover(function(){
$(this).parents('.alpha').toggleClass('hover');
});