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

});

MORE ボックスをまだ表示できません。私は何が欠けていますか？

ありがとうございました。

score 2 · Accepted Answer

以下を使用できます。

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

score 0 · Accepted Answer

コードが機能しない理由は、祖先を取得しようとして DOM をトラバースしている closest() を使用しているためです: 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