JavaScript/CSS在从网格单击时显示各自的div

我有一个工作网格，为json中的每个标题显示一个单元格：

async function loop_iteration(json, i, arr) {
    arr.push(`<a onClick="show()" class="cell" id=${i}"><div >${json[i].title}</div> </a>`)
    arr.push(`<div class="info" id=${i}>${json[i].title}<br><br><br><br><br>Game Size: ${json[i].size}<br><br>Last Update: ${json[i].date}</div>`)

}

异步函数循环迭代（json、i、arr）{ 我发现了问题所在。 这是javascript，所以我提取id，然后用id迭代类

    function show(clicked_id){
    clicked_id = parseFloat(clicked_id);
    document.getElementsByClassName('info')[clicked_id].style.visibility = 'visible';
  }

我发现了问题所在。 这是javascript，所以我提取id，然后用id迭代类

    function show(clicked_id){
    clicked_id = parseFloat(clicked_id);
    document.getElementsByClassName('info')[clicked_id].style.visibility = 'visible';
  }

    function show(clicked_id){
    clicked_id = parseFloat(clicked_id);
    document.getElementsByClassName('info')[clicked_id].style.visibility = 'visible';
  }