jbuy on each div

Question

Fiddle：http://jsfiddle.net/3VB4b/ .loopの上にカーソルを置くと、そのdiv内のspan.socが消えてしまいます。今、それらのすべてが退色しています。

私は.each()セレクタと無駄を使用しようとしました。

<div class="loop"> 
    Content 
    <span class="soc"> span</span> 
</div> 

<div class="loop"> 
    Content 
    <span class="soc"> span</span> 
</div> 

<div class="loop"> 
    Content 
    <span class="soc"> span</span> 
</div> 

のjQuery

$(".loop").hover(function() { 
    $('span.soc').fadeTo("slow",100); 
}); 

Answer 1

あなたは唯一の子要素を見つけるためにあなたの検索のコンテキストに「この」を追加する必要があります。

$(".loop").hover(function() { 
    $(this).find('span.soc').fadeTo("slow",100); 
}); 

Answer 2

セレクタをホバリングしている要素の子に限定する必要があります。これは、コールバックでthisとしてavaliableですので、次の

$(".loop").hover(function() { 
    $('span.soc', this).fadeTo("slow",100); 
}); 

Answer 3

を試してみてください、ここであなたは（私も元の状態に戻す追加）行く：http://jsfiddle.net/3VB4b/2/

コード：

$(".loop").hover(function() { 
    $(this).find('span.soc').fadeTo("slow",100); 
}, function(){ 
    $(this).find('span.soc').fadeTo("slow",0.4); 
});