Javascript 使用引导框架,JQUERY hover()函数不应用于其子函数

Javascript 使用引导框架,JQUERY hover()函数不应用于其子函数,javascript,jquery,Javascript,Jquery,对,当我将鼠标悬停在类.col-lg-6上时,我希望隐藏类为.navText的div HTML: 这不管用。 不过,如果我只是说: $('.navText').hide(); 它确实可以工作,为什么我的悬停功能不能正常工作呢。我有点困惑,因为我100%确定我写的jquery是正确的。bootstrap会影响这一点吗 如果我使用jquery代码,也是如此 $('.col-lg-6').hover(function () { $('.navText').hide(); })

对,当我将鼠标悬停在类.col-lg-6上时,我希望隐藏类为.navText的div

HTML:

这不管用。 不过,如果我只是说:

        $('.navText').hide();
它确实可以工作,为什么我的悬停功能不能正常工作呢。我有点困惑,因为我100%确定我写的jquery是正确的。bootstrap会影响这一点吗

如果我使用jquery代码,也是如此

$('.col-lg-6').hover(function () {
    $('.navText').hide();
});
它将隐藏所有.navText类


因此它与$(这个)有问题,我认为

。navText
不是
.col-lg-6
的孩子。它是它的孩子的孩子。因此jQuery函数将无法工作。为什么不在这里使用css

.col-lg-6:hover .navText {
   display: none;
}

.navText
不是
.col-lg-6
的子项。它是它的孩子的孩子。因此jQuery函数将无法工作。为什么不在这里使用css

.col-lg-6:hover .navText {
   display: none;
}

正如KJ指出的那样,
.navText
不是一个孩子,css是最好的方法,但是你也可以使用
.find()
,它将遍历所有较低的元素

$(this).find('.navText').hide();

正如KJ指出的那样,
.navText
不是一个孩子,css是最好的方法,但是你也可以使用
.find()
,它将遍历所有较低的元素

$(this).find('.navText').hide();

.navText不是.col-lg-6的直接子级。使用
find

$('.col-lg-6').hover(function () {
    $(this).find('.navText').hide();
});

.navText不是.col-lg-6的直接子级。使用
find

$('.col-lg-6').hover(function () {
    $(this).find('.navText').hide();
});

谢谢你,我真傻。我可以告诉你,我今天犯了很多像这样的校童错误,hahaNo很担心。每个人都会这样。祝你好运谢谢你,我真傻。我可以告诉你,我今天犯了很多像这样的校童错误,hahaNo很担心。每个人都会这样。祝你好运