選択は代わりに

Question

私のHTMLの形式は、一致するすべての要素の要素推移：

<ul> 
    <li class="tile"> 
     <span class="hidden"></span> 
     <span class="hidden"></span> 
    </li> 
    <li class="tile"> 
     <span class="hidden"></span> 
     <span class="hidden"></span> 
    </li> 
</ul> 

をし、クラスtileとliが上推移したとき、私は、そのクラスを削除することをクラスhiddenとの最初のspanを必要としています。マウスを離すと、そのスパンを再び隠す必要があります。だけではなく、1は時に推移し、

$(".tile").hover(function() { 
    $(this + ":first-child").removeClass("hidden"); 
}, function() { 
    $(this + ":first-child").addClass("hidden"); 
}); 

は、しかし、これはアクションを行うクラスtileでliのすべてを作る：これまでのところ、私はこれを持っています。 2番目の関数は、ヘッダーのスタイルシート参照にhiddenクラスを与えます。

私は間違っていますか？私はthisを正しく使用したと思った。

Answer 1

thisを他のセレクタと連結しようとしないでください。それは、あなたが思う通りではありません。代わりに

使用.find()：

$(".tile").hover(function() { 
    $(this).find(":first-child").removeClass("hidden"); 
}, function() { 
    $(this).find(":first-child").addClass("hidden"); 
}); 

Answer 2

あなたのホバー機能は次のようになります。

$(".tile").hover(function() { 
    $(this).find("span").first().removeClass("hidden"); 
}, function() { 
    $(this).find("span").first().addClass("hidden"); 
});