的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() 
{ 

}); 

我仍然無法獲取MORE框顯示。 我錯過了什麼？

謝謝。

Answer 1

您可以使用以下方法：

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

Answer 2

爲什麼你的代碼是不工作的原因是因爲你使用最接近（），這是向上遍歷DOM，試圖讓祖先：http://api.jquery.com/closest/

更多是你的標籤的兄弟姐妹，所以用這個來代替：

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

編輯：您編輯的標記後，我發帖稱，將與弗洛工作翅膀標記：

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