jquery 悬停在每个 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

您需要将“this”添加到搜索上下文中才能仅查找子元素。

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