jquery懸停在每個div

Question

小提琴：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

您需要將選擇器限制爲要懸停的元素的子元素。這是avaliable作爲this回調嘗試以下

$(".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); 
});