jqueryのセレクタは、私は次のマークアップを持っている

Question

が必要：親指のdiv idはホバー時に、私は子供pをアニメーション化することができるように

<div class="thumb"> 
    <img src="thumb.jpg"/> 
    <p>Some text here</p> 
</div> 

は基本的に私は、セレクタを必要としています。

私はこれを試してみた：

$('.thumb').hover(function() { 
    $(this > "p")animate({ "top":"35px" }); 
}, function() { 
    $(this > "p").animate({ "top":"115px" }); 
}); 

は、何らかの理由でしかし動作しません。

おかげ

Answer 1

thisは、オブジェクト、文字列ではありませんので、あなただけのセレクタにそれを置くことはできません。

$(this).find("p").animate({"top": "35px"}); 

セレクタ".thumb p"に対応：あなたは代わりに.find()メソッドを使用します。 ".thumb > p"と同じ動作を得るには、.find("p")ではなく.children("p")を使用できますが、ここでの違いは重要ではありません。

それはあなたがそのようなanimate前に行方不明.として何タイプミスをしないことも非常に重要です;）

Answer 2

多分：

 
$('.thumb').hover(function() { 
    $(this).find('p').animate({ "top":"35px" }); 
}, function() { 
    $(this).find('p').animate({ "top":"115px" }); 
}); 

Answer 3

これは動作しません：

$(this > "p") 

これを試してみてください：

$(this).find('p') 

Answer 4

.children()を使用して<p>タグを選択することができます - http://api.jquery.com/children/：へ

$(this).children('p').animate(...); 

Answer 5

変更：

$('>p', this).animate({.... 

この構築物は、あなたがやろうとしていたものである、「この」最初のレベルのP要素を抽出します。 Pタグである第1レベルの子を取得するためにfind（）やchildren（）などを使う必要はありません。私は、この構造がよりシンプルでより直感的だと思います。

P.S.あなたはまた、「。」を持っています。あなたの最初の 'アニメート'の前に行方不明。