使用 JavaScript 循环遍历 href

Question

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

问题：- 循环正在迭代您可以在控制台中看到您正在迭代但 href 值没有迭代。 It Like href 仅停留在第一个索引上。 当页面被重定向时，您将在每次迭代中看到第一个索引数组。 您可以观察到密钥在控制台中迭代。

谁能帮忙

先感谢您........

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 访问 select。

为了使它工作，你将你的key连接到元素 ID。

像这样的东西：

sampleButton.id = "autoClickbarPlot_" + key;

接着

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

这对你来说应该足够了 select 你想要的hangoutButton