javascript - 显示来自循环的模态图像，JavaScript 中的函数

Question

我正在尝试在点击功能上显示一些图像，其中包含许多可点击的图像。问题是我从 php.ini 中的数组循环中制作了缩略图。找到了一种为每个项目设置不同 id 的方法，但不知道如何在我的 JS 文件中调用它。

我的 HTML：

<img class="product-img" src="<?php echo $row["image"]; ?>" onclick="myFunction()"> 
    <span class="detail" id="detail_<?php echo $row["id"]?>" ><img src="<?php echo $row["hover-img"] ?>"><span class="close">&times;</span></span>

这是我尝试过的

function myFunction() {
for(var i=1; i<1000; i++){
document.getElementById("detail_"+ i).style.visibility = "visible";}}

我的目标是让我的 JS 可以按照 id 的正常读取方式读取它们（例如：detail_268）。如果我尝试在 getElementById 上输入特定数字，则该函数在特定 id 268 上正常工作。

document.getElementById("detail_268").style.visibility="visible";

标签： javascriptphphtml