jQuery选择此子项

我想在悬停“hoverMe”之后显示“hoverMe”的秘密子项（所以当用户悬停链接1时，他会看到“哈哈”，nubmer 2“Blabla”等等）

我试过这个代码，但它不起作用。我试过用“child（ren）”等替换“next”，但什么都没有。有什么想法吗

.secret {
   display: none;
}

奇怪的是（this）.children（）会切换所有的子项，但当我尝试使用（this）.children（'.secret'）时，它不会做任何事情。

哦，你试过了。没关系。

哦，你试过了。没关系。

• 使用
• 需要以一个小字母开头
• 重要提示：您需要列表元素中的其他“可见”内容。否则它不会占用任何空间，您也无法悬停。至少您必须添加一个
  。正如您在演示中看到的，我添加了这些内容。如果您删除它，它将不再有效

因此，它应该是：

jQuery(this).children('.secret')[0]

您的就绪处理程序也错误，必须是：

jQuery('.hoverMe').hover(function(){
    jQuery(this).children('.secret').toggle();
});

• 使用
• 需要以一个小字母开头
• 重要提示：您需要列表元素中的其他“可见”内容。否则它不会占用任何空间，您也无法悬停。至少您必须添加一个
  。正如您在演示中看到的，我添加了这些内容。如果您删除它，它将不再有效

因此，它应该是：

jQuery(this).children('.secret')[0]

您的就绪处理程序也错误，必须是：

jQuery('.hoverMe').hover(function(){
    jQuery(this).children('.secret').toggle();
});

可以绑定两个处理程序：

jQuery(document).ready(function() {
    //...
});

或

或者，请注意，它只能绑定一个手柄：

$('.hoverMe').hover(function(){
  $(this).find('.secret').show();
}, function(){
  $(this).find('.secret').hide();
})

可以绑定两个处理程序：

jQuery(document).ready(function() {
    //...
});

或

或者，请注意，它只能绑定一个手柄：

$('.hoverMe').hover(function(){
  $(this).find('.secret').show();
}, function(){
  $(this).find('.secret').hide();
})

JS区分大小写

---

JS区分大小写

您的

。当
未显示时，hoverme
s为空（高度为0）。secret

不显示，因此没有任何悬停

您需要使用

可见性：隐藏

/

可见性：可见

jQuery().ready(function() {
                jQuery('.hoverMe').hover(function(){
                    jQuery(this).children('.secret').**t**oggle();
                });
            });

---

示例：

当未显示

.secret

时，您的

.hoverme

为空（高度为0），因此没有任何悬停

您需要使用

可见性：隐藏

/

可见性：可见

jQuery().ready(function() {
                jQuery('.hoverMe').hover(function(){
                    jQuery(this).children('.secret').**t**oggle();
                });
            });

---

示例：

如果发生在您身上，但似乎没有任何效果，请尝试向链中添加另一个子元素（），或者至少检查您的标记，以确保您的父元素不是真正的祖辈元素

答案是：

.secret {
    visibility:hidden;
}

jQuery().ready(function() {
  $(".hoverMe").hover(function () {
    $(this).find(".secret").css("visibility", "visible");
  }, function () {
    $(this).find(".secret").css("visibility", "hidden");
  });
});

---

如果发生这种情况，并且似乎没有任何效果，请尝试向链中添加另一个子元素（），或者至少检查标记以确保父元素不是真正的祖辈元素

答案是：

.secret {
    visibility:hidden;
}

jQuery().ready(function() {
  $(".hoverMe").hover(function () {
    $(this).find(".secret").css("visibility", "visible");
  }, function () {
    $(this).find(".secret").css("visibility", "hidden");
  });
});

---

你有没有解决方案？你有没有解决方案？没有，

hover

也接受一个处理程序。它在进入和离开时都会被调用，因此它与

toggle

的OPs使用非常好。请参阅文档：没有，

hover

也接受一个处理程序。它在进入和离开时都会被调用，所以OPs使用i使用<代码>切换<代码>是非常好的。请参阅文档：并且，在这种情况下，您不应该使用display:none，因为它不会占用页面中的任何空间，因为它将负责悬停事件，您应该使用visibility:hidden或以某种方式指定parent元素的维度。此外，在这种情况下，您也不应该使用display:none，因为它不占用页面中的任何空间，因为它将负责悬停事件，您应该使用visibility:hidden或以某种方式指定parent元素的维度。