javascript - 按顺序将 JQuery 数组项拉到 div 标签

Question

我这里有三个div标签

<div></div>
<div></div>
<div></div>

我想把这个数组的值放到这些 div 中

var myArray = ["one", "two", "three"];

最终输出将是这样的

<div>one</div>
<div>two</div>
<div>three</div>

这可以用 JQuery 或普通的 javascript 实现吗？

Answer 1

使用 each 函数迭代 div 集。函数的索引参数可用于从数组中提取适当的值并将其分配为 div 的内容。

$('div').each(function(idx) {
    $(this).html(myArray[idx]);
});

请注意，我没有对数组进行任何边界检查，也没有特别限制我正在处理的 div。如果需要确保索引在数组范围内，请调整函数的内容。使用类调整选择器，例如，如果您需要限制所选的 div 集。