d3js在另一个标签内添加标签

Question

我想在html中创建一个像这样的传奇：

<li><span style="background-color:#n;"></span> Label</li>

但输出是：

<li>Label <span style="background-color:#n;"></span></li>

这是我的代码：

d3.select("#myid").selectAll("li")
.data(dataset)
.enter().append("li")
.text(function(d) {return d;})
.insert("span")
.attr('style', function(d, i) {return "background-color:" + color});

一些建议？感谢

Answer 1

只需在文本前插入范围：

d3.select("#myid").selectAll("li")
.data(dataset)
.enter()
.append("li")
.text(function(d) {return d;})
.insert("span", ":first-child")
.attr('style', function(d, i) {return "background-color:" + color});

Answer 2

好的，最后我用css float左端修复了@Asad代码。