Question

这是我的代码：

$('.user-url').hover(function() {
    var element = $(this).find('.dropdown-menu');
    element.css({ 'visibility' : 'visible' });
});

<div class="dropdown">
    <div class="dropdown-toggle">
        <h5 class="the-info">
            <a class="user-url">
                Test
            </a>
        </h5>
    </div>
    <div class="dropdown-menu"></div>
</div>

如何在.dropdown类中悬停.author-url时找到.dropdown-menu类而不会丢失$（this）功能？

我的代码无效，除非我将.user-url类替换为.dropdown。

Answer 1

Jquery find（）向下看树。 .dropdown-menu不在下拉菜单中。所以你需要这样做。

$('.user-url').hover(function() {
    var element = $(this).closest('.dropdown').find('.dropdown-menu');
    element.css({ 'visibility' : 'visible' });
});

Answer 2

问题是：您使用$(this).find('.dropdown-menu');但user-url没有孩子dropdown-menu dropdown-menu是{{1}的孩子}和dropdown位于user-url

下

解决此问题：您需要使用dropdown查找父.closest()和dropdown以查找子.find() ..所以你需要使用这段代码

dropdown-menu

jQuery从另一个类中找到

2 个答案: