[解決済み] D3.js prepend (jQueryのprependに似ている)

質問

D3でのappendの使い方が好きで、prependを探しています。

これはD3に存在するのでしょうか？

どのように解決するのですか？

以下の方法で解決できます。

selection.insert(newElement[, anotherExistingElement])

例えば

selection.insert("div",":first-child")

上記のコードでは div を挿入します。チェック ドキュメント を参照してください。

任意のノード（プレーンテキストを含む）の前に要素を挿入する別の可能な方法です。

var parentEl = d3.select("div").node();
parentEl.insertBefore(document.createElement("div"), parentEl.childNodes[0]);

<script src="https://d3js.org/d3.v3.min.js"></script>
<div>
  This is a plain text
  <a></a>
</div>