当单击特定图像时，Javascript 使用图像 ID 作为字符串

Question

我有两项任务希望完成。

• 1. 在单击图像时存储图像的 id...所以假设单击 id 为 3 的图像，我希望将其保存到变量中以供稍后使用

• 2.接下来我希望将此变量传递给另一个函数并在 if 条件中使用

这里的问题是我不知道如何执行此操作...我通过 for 循环获取 id，这些 id 是随机的，因此需要在单击图像时显示图像中的 id然后放入变量中。下一部分是使用 id 的简单搜索机制，以便根据选择的图像仅显示一个结果

因此 img 被点击 - id 保存在 var 中 - var 被传递给函数

这是代码

这是从 json 数据创建图像的函数

   function getExhibitions()
{
$('#searchcontent').hide();
$('#searchby').hide();
$('#detailscontent').hide();
$('#exhibitioncontent').show();
$('#exhibitioncontent').empty();

myExhibitionsView = document.getElementById('exhibitioncontent');
images = document.createElement('ul');

for (var i = 0; i < json.length; i++) {
    for (var j = 0; j < json[i].exhibits.length; j++) {
        listCheck = document.createElement('div');
        listCheck.id = "image";
        listCheck.innerHTML = "<a href= '#imagechoice'>" + "<img id=" + json[i].exhibits[j].exhibit_id + " " + "onclick='getImagesDetails();' src = " + "./images/" + json[i].exhibits[j].exhibit_image + " height='200' width='200'" + ">";
        myExhibitionsView.appendChild(images);
        images.appendChild(listCheck);
    }
}


}

现在是我希望将图像ID传递给的函数

function getImagesDetails(){

       $('#exhibitioncontent').hide();
       $('#searchby').hide();
       $('#searchcontent').hide();
       $('#detailscontent').show();

      details = document.createElement('ul');
      var exhibit_id;
    json.forEach(function (element) {
        for (var j = 0; j < element.exhibits.length; j++) {
           if (element.exhibits[j]['exhibit_id'] === exhibit_id) {
                  var listDetails;
                  listDetails = document.createElement('p');
                  listDetails.id = 'image' + j;
                  listDetails.innerHTML = "<img src = " + "./images/" + element.exhibits[j].exhibit_image + " height='400' width='400'>" + " " + "Title = " + element.exhibits[j].exhibit_title + '</br>'
                  + "Description = " + element.exhibits[j].exhibit_description + '</br>'
                  + "Photography By = " + element.exhibits[j].photographer ;
                  console.log(listDetails);
                  $("#detailscontent").empty().append(details);
                  details.appendChild(listDetails);

              }
          }
      });


  }

exhibit_id 是我想要存储唯一生成的 id 的位置。谢谢，我感谢对此问题的任何帮助

Answer 1

使用 jquery 获取图像 ID，而不是 for 循环

$('img').on('click',function(){
    var iid=$(this).attr('id');
});