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代碼結束。