Jquery 仅使用特定类接近子元素

我试图从列表中获取具有特定类的元素

我大致有以下html

}))；

---

有人知道如何处理这个问题吗，因为我不在..

因为

.text

div不是您悬停的列表项的直接子项，您需要：

$('ul#list li').hover(function(){
    $(this).find(".text").toggleClass("active");
});

---

由于

.text

div不是您悬停在上面的列表项的直接子项，因此您需要：

$('ul#list li').hover(function(){
    $(this).find(".text").toggleClass("active");
});

试试-

演示-

尝试-

$(this).find('.text').removeClass('active');

演示-

如果您使用的是

.hover（）

，则当鼠标进入选择器匹配的元素时，以及当鼠标离开时，都会调用此函数。尝试使用

.mouseenter（）

您正在使用

.each（）

函数，而您似乎需要一个

.find（）

如果使用带有选择器的

.next（）

，我认为您希望在下一个元素中查找文本，如下所示：

$('ul#list li').hover(function(){
     // remove all pre`enter code here`vious active classes
    $('ul#list .text').removeClass('active');

    // add active class to current item
    $(this).find('.text').addClass('active');
});

如果您使用的是

.hover（）

，则当鼠标进入选择器匹配的元素时，以及当鼠标离开时，都会调用此函数。尝试使用

.mouseenter（）

您正在使用

.each（）

函数，而您似乎需要一个

.find（）

如果使用带有选择器的

.next（）

，我认为您希望在下一个元素中查找文本，如下所示：

$('ul#list li').hover(function(){
     // remove all pre`enter code here`vious active classes
    $('ul#list .text').removeClass('active');

    // add active class to current item
    $(this).find('.text').addClass('active');
});

jQuery children（）方法只返回DOM树下一步节点的子节点。要查找节点下与选择器匹配的所有DOM项，请使用find（）命令

请参见此处的演示：

jQuery children（）方法只返回DOM树下一步节点的子节点。要查找节点下与选择器匹配的所有DOM项，请使用find（）命令

请参见此处的演示：

$(this).find('.text').removeClass('active');

$(this).next().find('.text').addClass('active');

$('ul#list li').hover(function(){
     // remove all pre`enter code here`vious active classes
    $('ul#list .text').removeClass('active');

    // add active class to current item
    $(this).find('.text').addClass('active');
});