[英]Adding a active class to all span within a div
I have a div with 2 span as a link, I want to add active class on both span when mouse enters the container div ie fos-search-items 我有一个2 span作为链接的div,当鼠标进入容器div时,我想在两个span上添加活动类,即fos-search-items
var $hover_element = $('.fos-search-items');
.mouseenter(function() {
$(this).find("span").addClass('fos-db-active');
})
.mouseleave(function() {
$(this).find("span").removeClass('fos-db-active');
})
Try this 尝试这个
var $hover_element = $('.fos-search-items');
$hover_element.mouseenter(function() {
$( this ).find( "span" ).addClass('fos-db-active');
})
$hover_element.mouseleave(function() {
$( this ).find( "span" ).removeClass('fos-db-active');
})
You have not attached the events correctly. 您尚未正确附加事件。
mouseenter
and mouseleave
should be attached to DOM elements jquery object.Like this: mouseenter
和mouseleave
应该附加到DOM元素jquery对象上。
$('.fos-search-items').mouseenter(function() {
$(this).find("span").addClass('fos-db-active');
})
$('.fos-search-items').mouseleave(function() {
$(this).find("span").removeClass('fos-db-active');
})
also, you can rather use .hover()
with two function argumenents for mousenter and mouseleave: 同样,您可以将
.hover()
与mousenter和mouseleave的两个函数参数一起使用:
$('.fos-search-items').hover(function(){
$(this).find('span').addClass('fos-db-active')
},function(){
$(this).find('span').removeClass('fos-db-active')
});
You should use $hover_element
on event while mouseenter
and mouseleave
您应该使用
$hover_element
事件时mouseenter
和mouseleave
var $hover_element = $('.fos-search-items');
$hover_element.mouseenter(function() {
$(this).find("span").addClass('fos-db-active');
});
$hover_element.mouseleave(function() {
$(this).find("span").removeClass('fos-db-active');
});
Just remove the ;
只需删除
;
after the $('.fos-search-items')
在
$('.fos-search-items')
var $hover_element = $('.fos-search-items').mouseenter(function() {
$(this).find("span").addClass('fos-db-active');
}).mouseleave(function() {
$(this).find("span").removeClass('fos-db-active');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.