D3.JSのHTML要素を閉じてすぐに追加する方法はありますか？

Question

は今、私は次のコードを持っている：

d3.select("#commiterStatsContainer") 
     .append("div").attr("class", "chip") 
     .append("img").attr("src", committers[i].avatar) 
     .text(committers[i].login); 

を、それは<img>...</img>タグの内側に私のテキストを追加します。 <img>を閉じるとすぐにテキストを追加するにはどうすればよいですか？

Answer 1

appendメソッドは、追加された要素（See documentation）を含む新しい選択を返します。だからあなたのコードは次のとおりです。

d3.select("#commiterStatsContainer") // initial selection 
    .append("div").attr("class", "chip") // new selection with a div 
    .append("img").attr("src", committers[i].avatar) // new selection of img in that div 
    .text(committers[i].login); // text for the img tag in the div. 

代わりに、試してみてください。

var div = d3.select("#commiterStatsContainer") 
    .append("div").attr("..."); 

div.append("img").attr("...."); 
div.append("p").html("...."); 

変数divは、新しく作成されたdiv要素の選択である、あなたは、そのdiv要素に新しい要素を追加するdiv.append()を使用することができます。