javascript - 闭包，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 循环 inseatad 的 for - in 循环。包含图像名称的 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);
   });