要素Eがあり、それにいくつかの要素を追加しています。突然、次の要素はEの最初の子であることがわかりました。トリックは何ですか、どのように行うのですか？Eは配列ではなくオブジェクトであるため、メソッドunshiftは機能しません。

長い道のりはEの子供たちを繰り返し、key ++を移動することですが、もっときれいな方法があると私は確信しています。

var eElement; // some E DOM instance
var newFirstElement; //element which should be first in E

eElement.insertBefore(newFirstElement, eElement.firstChild);

2017バージョン

使用できます

targetElement.insertAdjacentElement('afterbegin', newFirstElement)

MDNから：

insertAdjacentElement（）メソッドは、特定の要素ノードを、それが呼び出された要素に相対的な特定の位置に挿入します。

位置
要素の相対位置を表すAのDOMString。次の文字列のいずれかである必要があります：：
beforebegin要素自体の前。
afterbegin：要素のすぐ内側、最初の子の前。
beforeend：最後の子の後の要素のすぐ内側。
afterend：要素自体の後。

element
ツリーに挿入される要素。

また、ファミリーinsertAdjacentには兄弟メソッドがあります：

element.insertAdjacentHTML('afterbegin','htmlText')innerHTMLすべてを上書きせずに、HTML文字列を直接挿入するため、抑圧的なプロセスにジャンプdocument.createElementして、文字列操作プロセスでコンポーネント全体を構築することもできます

element.insertAdjacentText要素にサニタイズ文字列を挿入します。もういやencode/decode

2018バージョン

parentElement.prepend(newFirstChild)

これは最新のJSです。以前のオプションよりも読みやすくなっています。現在、Chrome、FF、Operaで利用できます。

PSあなたは直接文字列を付加することができます

parentElement.prepend('This text!')

developer.mozilla.org

使用できます -2020年5月94％

ポリフィル

すべてのウィンドウhtml要素に直接実装できます。
このような ：

HTMLElement.prototype.appendFirst=function(childNode){
    if(this.firstChild)this.insertBefore(childNode,this.firstChild);
    else this.appendChild(childNode);
};

受け入れられた回答を関数にリファクタリング：

function prependChild(parentEle, newFirstChildEle) {
    parentEle.insertBefore(newFirstChildEle, parentEle.firstChild)
}

私が誤解していない限り：

$("e").prepend("<yourelem>Text</yourelem>");

または

$("<yourelem>Text</yourelem>").prependTo("e");

あなたの説明から、いくつかの状態が付いているように聞こえますが、

if (SomeCondition){
    $("e").prepend("<yourelem>Text</yourelem>");
}
else{
    $("e").append("<yourelem>Text</yourelem>");
}

jQueryで.prepend関数を探していると思います。コード例：

$("#E").prepend("<p>Code goes here, yo!</p>");

親要素の前に要素を追加するために、このプロトタイプを作成しました。

Node.prototype.prependChild = function (child: Node) {
    this.insertBefore(child, this.firstChild);
    return this;
};

var newItem = document.createElement("LI");       // Create a <li> node
var textnode = document.createTextNode("Water");  // Create a text node
newItem.appendChild(textnode);                    // Append the text to <li>

var list = document.getElementById("myList");    // Get the <ul> element to insert a new node
list.insertBefore(newItem, list.childNodes[0]);  // Insert <li> before the first child of <ul>

https://www.w3schools.com/jsref/met_node_insertbefore.asp