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

您需要在搜索环境中添加“this”才能找到子元素。

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

Answer 2

您需要将选择器限制为悬停在元素上的子元素。它在回调中可用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);
});

每个div上悬停的jquery

3 个答案: