javascript - 将事件类添加到 div 内的所有范围

Question

我有一个带有 2 个跨度的 div 作为链接，我想在鼠标进入容器 div 时在两个跨度上添加事件类，即 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');
    })

Answer 1

您应该在事件上使用 $hover_element，而 mouseenter 和 mouseleave

选项 1 Demo Here

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

选项 2 Demo Here

只需删除 $('.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');
    });