Javascript 将活动类添加到div中的所有span

我有一个以2个span作为链接的div，当鼠标进入容器div（即fos搜索项）时，我想在两个span上添加活动类

var $hover_element = $('.fos-search-items');
    .mouseenter(function() {
        $(this).find("span").addClass('fos-db-active');
    })
    .mouseleave(function() {
        $(this).find("span").removeClass('fos-db-active');
    })

试试这个

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');

  })

---

您没有正确附加事件。

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');
})

此外，您还可以将

.hover（）

与两个用于mousenter和mouseleave的函数参数一起使用：

$('.fos-search-items').hover(function(){
   $(this).find('span').addClass('fos-db-active')
},function(){
   $(this).find('span').removeClass('fos-db-active')
});

---

当

mouseenter

和

mouseleave

选项1

选项2

只需删除

在
$（'.fos搜索项'）之后

您需要删除
在选择器之后。请看rory的评论。我现在已经看到了，但当我开始回答时，这是不可用的@JaiThank，伙计，它起作用了，但同一代码对我的项目不起作用任何建议请参见我的代码帮助，请通过向上投票或接受我的回答：）
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');
});

var $hover_element = $('.fos-search-items').mouseenter(function() {
        $(this).find("span").addClass('fos-db-active');
    }).mouseleave(function() {
        $(this).find("span").removeClass('fos-db-active');
    });