點擊時將值從html傳遞給javascript函數？

Question

基本上，單擊HTML頁面上的任何圖像我想要關聯的ID傳遞給一個函數。 這是我試過的。看起來我在這裏犯了一個小錯誤，因爲我得到的第一個 id傳遞，無論我點擊數組中的哪個圖像。我試過$（this）.attr（「id」），但沒有奏效。

  for(var i=0;i<jsonObj.length-1;i++){ 
       var rows = ''; 
       var bg_img = jsonObj[i].img; 
       var bg_img = decodeURIComponent(bg_img);      
       rows = "<img id='" + jsonObj[i].source_id + "' src='" + bg_img + "'/>";     
       document.getElementsByClassName('subscription')[i].innerHTML = rows; 
      }       

      $("body").delegate(".subscription", "click", function() { 
       // var id = $(this).attr("id"); 
        alert("Welcome Test " + $('img').attr("id")); 
       return false; 
      }); 

Answer 1

$("img").click(function() 
{ 
    var id = $(this).attr("id"); 
}); 

Answer 2

你$('img')選擇不侷限於任何特定的區域，所以它會給你整個頁面的第一張圖像。

改爲嘗試$('img',this)。