jqueryが最も近いdivを選択

Question

カテゴリdivが非表示になっていて、トグルが上がったときに表示されます。どんな助けもありがとう。私はこれを試してみました

HTML

<div class="categorization"> 
<a href="#" class="toggler">something</a> 

<div class="categories"> 
</div> 

</div> 

。

jqueryの

$(".categorization .toggler").hover(function() { 
    $(this).closest('.categories').show(); 
    }, function(){ 
    $(this).closest('.categories').hide(); 
    }); 

Answer 1

closest()は、祖先ツリーを歩くので、探しているものではありません。あなたが望むものを達成するためにnextAll()とfirst()を使用することができます。

$(".categorization .toggler").hover(function() { 
    $(this).nextAll(".categories").first().show(); 
}, function(){ 
    $(this).nextAll(".categories").first().hide(); 
}); 

注next()は非常に次の要素にマッチするので、<div>要素がすぐにトグラー要素を以下の場合next(".categories")にのみ動作すること。

Answer 2

なお：

jQueryのAPIで

、

.closest（）：現在の要素で始まり、最大進め、セレクタに一致する最初の祖先要素を取得します。 DOMツリーを通して。

はどうやら、あなたの< div>要素は>

はこの場合http://api.jquery.com/closest/

を参照してください<の祖先要素ではありません、あなたは（.nextを試してみてください）、あなただけの1要素を取得したい場合、 または.nextAll（）、セレクタに一致するすべての要素を取得する場合。

Answer 3

var categoryDiv = $(this).next('div'); // or 
var categoryDiv = $(this).next('.categories'); 

これは、次のdiv兄弟をtogglerに関連付けることになります。