イメージをクリックしたときにJQUERYで2番目の要素を選択する方法は？

Question

以下のコードは最初のdivでのみ動作します。私は他の "img"をクリックしたときに他のdivを表示することはできません。 2番目（次の）要素に到達する方法を知っていますか？

$(document).ready(function() { 

     $('.imgOpenClose').click(function() { 
      if ($(this).attr("src") == "images/openTree.gif") { 
       $(this).attr("src", "images/closeTree.gif"); 
       $(this).parent().find('div').eq(0).show(); 
      } 
      else { 
       $(this).attr("src", "images/openTree.gif"); 
       $(this).parent().find('div').eq(0).hide(); 
      } 
     }); 
}); 

Answer 1

あなたがイメージ次のブレーク要素を持っているので、あなたはnextAllを使用し、代わりに、単に私のようにフィルタをnextを使用しての最初のDIVを選択する必要があります元の答え。あなたは同じクラスタグを有する複数の画像を持っている場合、あなたはまだ一意のIDを追加することなく、それを行うことができます

$('.imgOpenClose').click(function() { 
    $(this).nextAll('div:first').toggle(); 
}); 

Answer 2

：

$(function() { 
    $('.imgOpenClose').click(function() { 
     $(this).next('div').children('table').toggle(); 
    }); 
});