jquery - jQuery .next() 和 .closest() 不起作用

Question

我有这个 HTML 文档，

<strong><a href='#' class='showMore'>Show More</a></strong>
<div class='more'>This is it</div>

我想div.more在鼠标悬停时显示a.showMore。

$("a.showMore").hover(function()
{
    $(this).closest('.more').show();

},function()
{

});

我仍然无法显示更多框。我错过了什么？

谢谢你。

score 2 · Accepted Answer

您可以使用以下内容：

$("a.showMore").hover(function() {
    $(this).parent().next(".more").toggle();
});

score 0 · Accepted Answer

您的代码无法正常工作的原因是因为您正在使用最接近（），它正在遍历 DOM，试图获取祖先：http ://api.jquery.com/closest/

.more 是您的 a 标签的兄弟，因此请改用它：

$("a.showMore").hover(function()
{
    $(this).siblings('.more').toggle();
});

编辑：您在我发布后编辑了标记，这将与以下标记一起使用：

<a href='#' class='showMore'><strong>Show More</strong></a>
<div class='more'>This is it</div>

2 回答 2