關閉，for循環

Question

代碼：

function updateProfil() { 
    $.getJSON("./index_logg2.php", null, processCustom); 
} 

function processCustom(data) { 
    $.each(data, function(k, v) { 
    $(".panel").append('<center><img src="images/custom/'+ v +' "title="Click to set it" "></center><br />'); 
    /* 
    $(".panel").click(function() { 
     var data= ??? 
     $.post("./index_logg2.php", { data: ??? }, updateProfil); 
    }); 
    */ 
    }); 
} 

我能夠動態展現圖像，但我希望能夠在單擊圖像時捕捉（動態）圖像名稱。

我知道我必須使用1. javascript閉包，2. for for循環inseatad。包含圖像名稱的JSON看起來像：

["1.jpg","2.png","3.gif","somename.jpg", "someothername.jpg" .............] 

您會幫我解決這個問題嗎？ 預先感謝您！

Answer 1

當你想點擊的圖像時，你可以做這樣的事情發生的事情：

$("img").click(function() { 
     alert("you clicked "+this.src); 
    }); 

這裏是一個演示：

http://codepen.io/hoganlong/pen/gLleJ

對於剛剛在一個項目您可以使用div命名的面板：

$("#panel img").click(function() { 
     alert("you clicked "+this.src); 
    });