Javascript在单击特定图像时使用图像id作为字符串

我想完成两项任务

• 单击图像时存储图像的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);
    }
}


}

函数getexperiments（）
{
$（'#searchcontent'）.hide（）；
$（'#searchby'）.hide（）；
$（“#详细内容”）.hide（）；
$（“#展览内容”）.show（）；
$（“#ExpressionContent”）.empty（）；
myExhibitionsView=document.getElementById（'ExpressionContent'）；
images=document.createElement（'ul'）；
for（var i=0；i

现在是我希望将图像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);

              }
          }
      });


  }

函数getImagesDetails（）{ $（“#explicationcontent”）.hide（）； $（'#searchby'）.hide（）； $（'#searchcontent'）.hide（）； $（“#详细内容”）.show（）； 详细信息=document.createElement（'ul'）； 风险值； forEach（函数（元素）{ 对于（var j=0；j' +“Description=“+元素.附件[j].附件_Description+”
' +“摄影者=”+元素.展品[j].摄影师； console.log（列表详细信息）； $（“#detailscontent”）.empty（）.append（details）； 详细信息。追加子项（列表详细信息）； } } }); }

---

exhibit_id是我想要存储唯一生成的id的地方。感谢您在这个问题上提供的任何帮助

使用jquery获取您的图像id而不是for循环

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

---

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

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

---

这是我从另一个角度研究我的问题时发现的，但这个简单的解决方案是有效的。。。无论如何，我的答案只是一个正确答案的链接

---

-接受答案

这是我从另一个角度研究问题时发现的，但这个简单的解决方案有效。。。无论如何，我的答案只是一个正确答案的链接

---

-接受答案

这被放置在getimageDetails（）中？我在该函数的任何地方都没有看到您获得单击的img id，exhibit_id从未初始化或设置为我可以看到的值。好的，id是根据请求从中获取的编辑。。。你现在有什么建议吗？感谢Hibit_id似乎不是全局性的，但是如果您在GetExhibits（）中使用它，您需要清理代码并进一步澄清您的问题以获得帮助。如果您只想获取单击的img的id，然后调用带有If条件的函数，这只需很少的代码即可完成，请参阅答案，只需在getimageDetails（）中添加If。我没有看到该函数中任何地方可以获取单击的img id，exhibit_id从未初始化或设置为我可以看到的值。好的，id是根据请求进行编辑的。。。你现在有什么建议吗？感谢Hibit_id似乎不是全局性的，但是如果您在GetExhibits（）中使用它，您需要清理代码并进一步澄清您的问题以获得帮助。如果您只想获取单击的img的id，然后调用带有If条件的函数，这只需很少的代码即可完成，请参阅答案，只需在getimageDetails（）中添加If。我没有看到该函数中任何地方可以获取单击的img id，exhibit_id从未初始化或设置为我可以看到的值。好的，id是根据请求进行编辑的。。。你现在有什么建议吗？感谢Hibit_id似乎不是全局性的，但是如果您在GetExhibits（）中使用它，您需要清理代码并进一步澄清您的问题以获得帮助。如果您只想点击img的id，然后调用带有If条件的函数，这可以用很少的代码完成，请参阅答案，只需在后面添加If即可