Wie wird das zweite Element mit JQUERY ausgewählt, wenn auf das Bild geklickt wird?

Question

Der Code unten funktioniert nur für die erste Div. Ich kann keine anderen divs anzeigen, wenn ich auf die anderen "img" s geklickt habe. Kennen Sie eine Methode, um das zweite (nächste) Element zu erreichen?

$(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

Da Sie ein Bruchelement nach dem Bild haben, müssen Sie nextAll verwenden und wählen Sie den ersten DIV statt einfach mit next mit einem Filter wie in meinem ursprüngliche Antwort.

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

Answer 2

Wenn Sie mehrere Bilder mit der gleichen Klasse-Tag haben, können Sie es tun, noch ohne eine eindeutige ID anhängen mit:

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