Mam element E i dołączam do niego niektóre elementy. Nagle dowiaduję się, że następnym elementem powinno być pierwsze dziecko E. Jaka jest sztuczka, jak to zrobić? Metoda unshift nie działa, ponieważ E jest obiektem, a nie tablicą.

Dalszą drogą byłoby powtarzanie dzieci E i przenoszenie klucza ++, ale jestem pewien, że jest ładniejszy sposób.

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

eElement.insertBefore(newFirstElement, eElement.firstChild);

Wersja 2017

Możesz użyć

targetElement.insertAdjacentElement('afterbegin', newFirstElement)

Z MDN :

Metoda insertAdjacentElement () wstawia dany węzeł elementu w danej pozycji w stosunku do elementu, na który jest wywoływany.

pozycja
Ciąg DOMString reprezentujący pozycję względem elementu; musi być jednym z następujących ciągów
beforebegin:: Przed samym elementem.
afterbegin: Tuż wewnątrz elementu, przed jego pierwszym dzieckiem.
beforeend: Tuż w elemencie, po jego ostatnim dziecku.
afterend: Po samym elemencie.

element
Element do wstawienia do drzewa.

Również w rodzinie insertAdjacentsą metody rodzeństwa:

element.insertAdjacentHTML('afterbegin','htmlText')do wstrzykiwania łańcucha HTML bezpośrednio, innerHTMLale bez przesłonięcia wszystkiego, dzięki czemu można przeskoczyć uciążliwy proces, document.createElementa nawet budować cały element za pomocą procesu manipulacji ciągiem

element.insertAdjacentTextdo wstrzykiwania odkażającego łańcucha do elementu. już nieencode/decode

Wersja 2018

parentElement.prepend(newFirstChild)

To jest nowoczesny JS! Jest bardziej czytelny niż poprzednie opcje. Jest obecnie dostępny w Chrome, FF i Operze.

PS Możesz bezpośrednio poprzedzać ciągi

parentElement.prepend('This text!')

developer.mozilla.org

Czy mogę korzystać - 94% maja 2020 r

Polyfill

Możesz zaimplementować go bezpośrednio we wszystkich elementach HTML okna.
Lubię to :

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

Zaakceptowana odpowiedź została przekształcona w funkcję:

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

Chyba że źle zrozumiałem:

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

Lub

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

Chociaż z twojego opisu wygląda na to, że istnieje jakiś warunek, tak

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

Myślę, że szukasz funkcji .prepend w jQuery. Przykładowy kod:

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

Stworzyłem ten prototyp, aby dodawać elementy do elementu nadrzędnego.

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