試圖擴大點擊兄弟div元素

-1

有人可以指出爲什麼這不工作？我嘗試點擊Container Div內的Div A，然後點擊，進入父容器，找到下一個Div B，並切換其可見性。試圖擴大點擊兄弟div元素

注：我這樣做的原因是我不想顯示所有與「孩子」類的div。只有父div後面的下一個。

http://jsfiddle.net/vecalciskay/54HxU/5/

HTML：

<div class="container"> 
<div class="parent"> 

    <span> Parent Text (click) </span> 

</div> 
<div class="child"> 
    <table> 
     <tr> 
      <td> 
       This 
      </td> 
      <td> 
       Table 
      </td>     
     </tr> 
     <tr> 
      <td> 
       Should 
      </td> 
      <td> 
       Expand 
      </td>     
     </tr>    
    </table> 
</div> 

    <div class="parent"> 

    <span> Parent 2 (don't click) </span> 

</div> 
<div class="child"> 
    <table> 
     <tr> 
      <td> 
       This 
      </td> 
      <td> 
       Table 
      </td>     
     </tr> 
     <tr> 
      <td> 
       Should Not 
      </td> 
      <td> 
       Expand 
      </td>     
     </tr>    
    </table> 
</div>

JQUERY：

$(document).ready(function() { 
     $('.child').hide(); 

     $('.parent').click(function() { 

      var obj = $(this).parent().next(".child"); 
      obj.toggle("fast"); 

      return false; 
     }); 
});

來源

2014-02-24 LogicaLInsanity

我錯過了什麼嗎？你的小提琴不工作嗎？ – j08691

此外，'$（'。parent'）。parent（）'返回'.container'; '.next（'。child'）'顯然選擇了錯誤的項目。 –

似乎你的小提琴在工作 –