JQuery resimdeki dataları almak istiyorum

Resimlerdeki data-source'ları almak istiyorum fakat hepsinde aynı data geliyor. Bir döngü kurmaya çalıştım ama başaramadım. Sorum şu resimlere sırasıyla nasıl id verip ilgili resmin datasını alabilirim. Şimdiden teşekkürler.

https://jsfiddle.net/ycL2g1zn/3/


EDİT: Bu şekilde çözdük.

jQuery(document).ready(function($) {
$("img").click(function(){
var id = $(this).attr("data-source");
alert(+id);
});
});

eq ile alabilirsin hocam jquery eq diye aratın

Mantığı için sana örnek yazdım mesela tr.tr-shadow classındaki tr taglarımın içinde td ler var ve onların içinde de spanlar var o spanı ve ayrıca imagesinin srcsini almak istiyorum diyelim.

yazmam gereken bu kod tamda aşağıdaki. ( kodu ben yazdım ve kullanıyorum yani test edilmiştir ) Kodu kopyalayıp yapıştırmak yerine mantıgını anlamanı tavsiye ederim.

var spans = $(this).parents("tr.tr-shadow").find("td span");
var imgg = $(this).parents("tr.tr-shadow").find("td span img");
var gelenId = spans.eq(0).text();
var gelenVeri = spans.eq(1).text();
var gelenResim = imgg.attr("src");

artık değişkenleri dilediğin gibi kullanılabilir. Sen tr lere td lere spanlara takılma sen başka türlü kullanısın "eq" kullanımını ama

Başka şekilde çözmüştüm, sizin belirttiğiniz şekilde seçtirmek daha sağlıklı geldi. Tasviyeler için teşekkürler. :)

İşinizi gördüyse sevindim

İyi forumlar