javascript - 如何获取 DIV 元素的值，将它们放入数组中并在以后使用它们。 JS/查询

Question

我想获取所有这些 div 的 data-league 值，并将它们放入一个数组中。

我想做的:获取所有这些值，保存它们，然后循环遍历它们，并在这些 div 上调用 .click。

我不知道是否有更简单的方法来做到这一点。

我想它还必须遍历 ID=128 的 div，并找到数据联盟值，对吗？

老实说，我完全被卡住了，所以任何帮助都会很受欢迎。

谢谢。

额外信息:基本上最终结果是，点击一个按钮，所有这些“缩略图”都应该在新标签页中打开。所有选项卡都是不同的流。 (见图)

Answer 1

在示例中，您提供的相同 ID (128) 已被多次使用。这是不允许的。遍历 ID 将不起作用。

这意味着您必须寻找另一种可能性。获取具有特定类的所有 div 元素是可能的，如示例所示:

var divs = document.getElementsByClassName('videoPanel');

现在您可以遍历此集合，提取属性 data-league 的值并将它们保存在某处，例如数组中:

var dataLeagueValues = [];
for (var i = 0; i < divs.length; i++) {
    dataLeagueValues.push(divs[i].getAttribute('data-league'));
}

现在您拥有数组 dataLeagueValues 中的所有值。您可以在脚本中进一步使用它们。