Javascript 如何在d3.js中将多个子元素附加到一个div中？

我试图使用以下代码将两个

span

s追加到

div

：

    d3.select("#breadcrumb")
            .append("span")
            .attr("class","breadcrumb-link")
            .text(d.name)
            .append("span")
            .text("/");

但这增加了如下元素：

<div id="breadcrumb">
    <span>
        <span>
        </span>
    </span>
</div>

---

我知道这可以通过先选择

div

然后为每个

span

使用两条语句来完成。我可以在一条链式语句中完成吗

d3.js基于数据驱动文档的思想。这就是说，通常您将有

数据

作为

数组

，您将通过选择加入

考虑到这一点，您可以尝试一种简单的方法，将选择

d3.select（“面包屑”）

与一个“人造”数组

[1,2]

。这看起来像这样：

d3.选择（“#面包屑”）.data（[1,2]）.enter（）.append（'span'）。。。

注意，调用

enter（）

---

如果您想设置不同的类属性，可以将这些数据填充到数据数组中。

如果html中尚未定义div，则可以附加这些属性；如果html中存在div，则可以选择这些属性。可能是@echonax的重复项哦，对不起。但我认为前面的问题也给出了这个问题的答案。可以吗@第二个？没看到那个，我的错！是的，那太好了。我已经把它添加到我的答案中了

<div id="breadcrumb">
    <span>
    </span>

    <span>
    </span>
</div>