jquery获取div div内的子div

问题描述：

我有一个css div，并在该div内存在另一个div。当鼠标悬停在父div上时，如何获得子div？如下所示：jquery获取div div内的子div

<div class="parent"> 
    <div class="child"> 
    </div> 
</div>

当鼠标移过父div时，我希望显示子div。

答

这工作：在http://jsfiddle.net/4kMuD/

$('.child').hide(); // or $('.parent').children().hide(); 

$('.parent').hover(
    function() { $(this).children('div').show() }, 
    function() { $(this).children('div').hide() } 
);

实施例，虽然使用的ID而不是类的选择器。

我已经假设（虽然你没有说）你想让孩子div再次消失，当你不再徘徊父母。

答

是这样的？

<div id="div1"> 
     div1 
     <div id="div2" style="display:none;">div2</div> 
    </div> 

$(function(){ 
     $("#div1").hover(function(){ 
      $("#div2").show(); 
     }, function(){ 
      $("#div2").hide(); 
     }); 
    });

答

$('div.parent').bind('hover', 
    function(e) { $('div.child', this).show() }, 
    function(e) { $('div.child', this).hide() }, 
);

答

<html> 
    <head> 
    <title>Tests</title> 
    <script src="jquery.js"></script> 
    <script> 
    $(document).ready(function(){ 
     $('#parent').mouseover(function() { 
      $('#child').css('display', 'block'); 
     }) 
    }); 
    </script> 
    <style> 
     #parent {width: 100px; height: 100px; background-color: yellow;} 
     #child { display:none; } 
    </style> 
    </head> 
    <body> 
     <div id="parent"> 
      <div id="child">Content</div> 
     </div> 
    </body> 
</html>

jquery获取div div内的子div

相关推荐