使用JavaScript遍历href

Question

我有一个数组geneList，其中循环应用于它。因此，href将随着循环迭代而改变，其中hangoutButton将自动单击并重定向到给定url。听起来很简单

问题：-循环正在迭代，您可以在控制台中看到您正在迭代，但href值没有迭代。它就像href只停留在第一个索引上。当页面被重定向时，您将在每次迭代中看到第一个索引到键的数组。你可以在控制台中观察到key正在迭代。

有人能帮帮忙吗

预先感谢您.

var geneList= ["123", "456", "678","2345"];
   
geneList.forEach(function(key){
                // GSEA Redirect Button
                var sample= document.createElement('a');
                sample.href = "forEdit3.php?randNum=" + key;
                sample.target = "_blank";
                sample.style.display = "none";
                var samplebutton = document.createElement('button');
                samplebutton .innerHTML = "BarPlot";
                samplebutton .className = "btn";
                samplebutton .id = "autoClickbarPlot";
                forPlot.appendChild(sample);
                sample.appendChild(samplebutton );
                var hangoutButton = document.getElementById("autoClickbarPlot");
                hangoutButton.click();
                console.log(key);
            });

Answer 1

单击第一个元素的原因是您对多个元素使用相同的ID，因此当您设置hangoutButton时，将始终返回您尝试按ID选择的第一项。

要使其工作，需要将key值连接到元素ID。

如下所示：

sampleButton.id = "autoClickbarPlot_" + key;

然后

var hangoutButton = document.getElementById("autoClickbarPlot_" + key);

这应该足以让您选择所需的hangoutButton