jQuery找到子女

您好我有一个关于jquery的问题我该如何选择我的html结构中的“First-First”，当鼠标进入主体时？ html结构：jQuery找到子女

<div id="main"> 
    <div class="first"> 
     <div class="first-first"></div> 
     <div class="first-second"></div> 
    </div> 
</div>

这是否是这样做的探测器方式？

$("div.main").mouseenter(function() { 
     $(this).child(".first").next(".first-first").show(); 
    }).mouseleave(function() { 
     $(this).child(".first").next(".first-first").hide(); 
    });

来源

2011-11-03 Flaashing

不是真的，'$（本）.find（ “第一个第一。”）显示（）;'是不够假设你只有一个。 –

@ShadowWizard'.find（）'很慢。 Marnix的答案更快，效果相同。 –

@tandu就我所知它只是别名，在幕后完全一样。你能证明吗？ –

也许

$("#main").mouseenter(function() { 
    $('.first-first', this).show(); 
}).mouseleave(function() { 
    $('.first-first', this).hide(); 
});

来源

2011-11-03 13:30:31

怎么样用一个简单的选择：

$("div.main").mouseenter(function() { 
    $(".first > .first-first", this).show(); 
});

来源

2011-11-03 13:31:05 Marnix

@DougOwings对不起，编辑。 – Marnix

你接近：

$("div.main").mouseenter(function() { 
     $(this).children(".first").children(".first-first").show(); 
    }).mouseleave(function() { 
     $(this).children(".first").children(".first-first").hide(); 
    });

甚至更快：

$("div.main").mouseenter(function() { 
     $(this).find(".first-first").show(); 
    }).mouseleave(function() { 
     $(this).find(".first-first").hide(); 
    });

来源

2011-11-03 13:31:26 Blazemonger

$('div#main').mouseenter(function() { 
    $("div.first div.first-first", this).show(); 
}).mouseleave(function() { 
    $("div.first div.first-first", this).hide(); 
});

这会做

来源

2011-11-03 13:31:29

$("div.main div:first div:first").show();

来源

2011-11-03 13:31:30

$(this).find('.first-first').show();

您应该使用find()功能。

来源

2011-11-03 13:32:46 Sirkan

您可以简化这一点。你应该probally使用mouseover不mouseenter

$("div.main").mouseover(function() { 
     $(".first-first").show(); 
    }).mouseleave(function() { 
     $(".first-first").hide(); 
    });

来源

2011-11-03 13:34:15

jQuery找到子女

回答

相关问题