查找特定類的下一個元素父裏面jQuery的

Question

我有以下幾點：

<div class="container"> 
Test 1 
<div class="child">Testing</div> 
</div> 

<div class="container"> 
Test 2 
<div class="child">Testing</div> 
</div> 

<div class="container"> 
Test 3 
<div class="child">Testing</div> 
</div> 

我希望有孩子的div容器內部多數民衆贊成在上空盤旋，以顯示和隱藏，當鼠標離開容器。

我目前做的有：

 $('.container').hover(
      function() { 
       $(this).next('.child').show(); 
      }, 
      function() { 
       $(this).next('.child').hide(); 
      } 
     ); 

但似乎工作不。 任何建議表示感謝，謝謝。

Answer 1

使用find（）方法，而不是未來，因爲它是一個子元素，而不是一個兄弟姐妹之一：

$('.container').hover(
     function() { 
      $(this).find('.child').show(); 
     }, 
     function() { 
      $(this).find('.child').hide(); 
     } 
    ); 

Answer 2

下一個（）是兄弟姐妹，你應該使用兒童兒童：）...

$('.container').hover(
     function() { 
      $(this).children('.child').show(); 
     }, 
     function() { 
      $(this).children('.child').hide(); 
     } 
    );