每次執行div時如何處理div圖像單擊事件

Question

function first(Objs) {
    var imgid= Objs;
    secondMethod(imgid);
    $('#imags_'+imgid.id).one('click', function(e) {
        alert(imgid.id)
    });    
}

function secondmethod(imgid) {
    var boxText = document.createElement("div");
    boxText.id="imags_"+imgid.id;
    boxText.innerHTML = '<div id="content" >' + '<img src=\"image.png\" width=\"50px\" height=\"50px\" id ="\images_id\" />' + '</div>';         
}

• 我每10秒刷新一次（執行）第一個方法（ Objs.id=1 ）。
• 因此，它的兩個方法每10秒執行一次，
• 示例在刷新3次（即執行3次）之后，然后單擊圖像時，我得到了3次imageid（即警報輸出為1）。
• 當我單擊具有最后執行的對象ID的圖像時，如何僅獲得一個輸出。
• 請幫助我解決這個問題。

Answer 1

給圖像一個類：

boxText.innerHTML = '<div id="content" >'+        
    '<img src=\"image.png\" width=\"50px\" height=\"50px\" class ="\images_id\" />'+
    '</div>';

並使用委托事件：

$(document).on('click', '.images_id', function() {
    alert(this.id)
});

另外，您的示例沒有顯示它，但是我假設boxText在某個時候附加到了DOM？