Javascript 如何使用jQuery选择在包含多个图像的div中返回的图像？

以下图像均通过此JavaScript/jQuery返回并显示在页面上：

for(var j = 0; j < imageURLs.length; j++){
    $('#imgs').append("<img src='" + imageURLs[j] + "'/>");  
    $('#username').append(Username[j]); 
}

---

尝试以下未测试的选项：

 for(var j = 0; j < imageURLs.length; j++){
      $('#imgs').append("<img src='" + imageURLs[j] + "' id='PUT_YOUR_UNIQUE_ID_HERE' />");  
      $('#username').append(Username[j]); 
 }

 $('imgs').on('click', 'img', function(event){
      event.preventDefault();
      var selectedFriend = $(this).attr("id");
      console.log(selectedFriend);
 }); 

---

您也可以尝试使用append来定义onclick事件

$('#imgs').append("<img src='" + imageURLs[j] + "' onclick='doStuff(this)'/>");  

您的选择器不正确。当您使用$'imgs'时，jQuery正在搜索不存在的imgs元素。因此，您需要将选择器更改为

除此之外，您正在动态创建img元素，因此您需要使用

---

您是指$imgs img还是$imgs.findimg作为选择器？目前，除了上面的注释外，您还绑定到一个element，您应该对动态生成的元素使用该注释

 for(var j = 0; j < imageURLs.length; j++){
      $('#imgs').append("<img src='" + imageURLs[j] + "' id='PUT_YOUR_UNIQUE_ID_HERE' />");  
      $('#username').append(Username[j]); 
 }

 $('imgs').on('click', 'img', function(event){
      event.preventDefault();
      var selectedFriend = $(this).attr("id");
      console.log(selectedFriend);
 }); 

$('#imgs').append("<img src='" + imageURLs[j] + "' onclick='doStuff(this)'/>");  

$('#imgs').on('click', 'img', function (event) {
    event.preventDefault();
    var selectedFriend = $(this).attr("id");
    console.log(selectedFriend);
});