例えば、 <div id='id'> <div>a</div> <div>b</div> <div>c</div> </div> # この時に一番上に追加 d3.select('#id').insert("h1", ':first-child').text("テキスト"); # 以下のようになる <div id='id'> <div>テキスト</div> <div>a</div> <div>b</div> <div>c</div> </div>first-childを指定しなければ、末尾に追加。 ちなみにinsertではなく、appendを使うと末尾に追加される。

あるdivタグに全体を太字にして、各要素のテキストは色を変える場合 jQueryとD3を使って、以下のように書ける。 var elem = d3.select("id").append('b'); $.each(labels, function(i,label){ elem.append("font").text(label + " ").attr("color", colors[i…