Ich habe Element E und füge einige Elemente hinzu. Plötzlich finde ich heraus, dass das nächste Element das erste Kind von E sein sollte. Was ist der Trick, wie geht das? Das Verschieben der Methode funktioniert nicht, da E ein Objekt und kein Array ist.

Ein langer Weg wäre, durch E's Kinder zu iterieren und sie Schlüssel ++ zu bewegen, aber ich bin sicher, dass es einen schöneren Weg gibt.

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

eElement.insertBefore(newFirstElement, eElement.firstChild);

Version 2017

Sie können verwenden

targetElement.insertAdjacentElement('afterbegin', newFirstElement)

Von MDN :

Die Methode insertAdjacentElement () fügt einen bestimmten Elementknoten an einer bestimmten Position relativ zu dem Element ein, auf das er aufgerufen wird.

position
Ein DOMString, der die Position relativ zum Element darstellt; muss eine der folgenden Zeichenfolgen sein
beforebegin:: Vor dem Element selbst.
afterbegin: Nur innerhalb des Elements, vor seinem ersten Kind.
beforeend: Nur innerhalb des Elements, nach seinem letzten Kind.
afterend: Nach dem Element selbst.

Element
Das Element, das in den Baum eingefügt werden soll.

Auch in der Familie insertAdjacentgibt es die Geschwistermethoden:

element.insertAdjacentHTML('afterbegin','htmlText')für das direkte innerHTMLInjizieren von HTML-Zeichenfolgen, wie, aber ohne alles zu überschreiben, so dass Sie den Unterdrückungsprozess document.createElementüberspringen und sogar ganze Komponenten mit Zeichenfolgenmanipulationsprozessen erstellen können

element.insertAdjacentTextzum Injizieren von Desinfektionszeichenfolgen in Elemente. nicht mehrencode/decode

Version 2018

parentElement.prepend(newFirstChild)

Das ist modernes JS! Es ist besser lesbar als frühere Optionen. Es ist derzeit in Chrome, FF und Opera verfügbar.

PS Sie können Zeichenfolgen direkt voranstellen

parentElement.prepend('This text!')

developer.mozilla.org

Kann ich verwenden - 94% Mai 2020

Polyfill

Sie können es direkt in all Ihren Fenster-HTML-Elementen implementieren.
So was :

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

Akzeptierte Antwort in eine Funktion umgestaltet:

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

Es sei denn, ich habe falsch verstanden:

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

Oder

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

Obwohl es aus Ihrer Beschreibung so klingt, als ob eine Bedingung damit verbunden ist, so

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

Ich denke, Sie suchen nach der .prepend- Funktion in jQuery. Beispielcode:

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

Ich habe diesen Prototyp erstellt, um dem übergeordneten Element Elemente voranzustellen.

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