循环遍历数组并使用 d3 将每个项目分配为 html 标签中的一个类

Question

我有一个数组：

var arr = ["day", "hour", "min", "sec"]

在创建与数组相同的 div 数量后，我想为该 div 标签提供类，其中类将是数组中的每个项目。

我的代码是这样的：

d3.select("#countdown").selectAll("div")

            .data(arr)

            .enter()

            .append("div")

            .classed(arr[i], true)

            .append("span")

哪些输出

<div id="countdown">

  <div><div>

  <div><div>

  <div><div>

  <div><div>

</div>

我被卡住了。每个 div 接收类后，都会包含 span 标签。

预期的 html 结果：

<div id="countdown">

  <div class="day"><span></span><div>

  <div class="hour"><span></span><div>

  <div class="min"><span></span><div>

  <div class="sec"><span></span><div>

</div>

有什么建议么？谢谢！