Ho l'elemento E e sto aggiungendo alcuni elementi ad esso. Improvvisamente, scopro che l'elemento successivo dovrebbe essere il primo figlio di E. Qual è il trucco, come farlo? Il metodo di non spostamento non funziona perché E è un oggetto, non un array.

La strada lunga sarebbe quella di iterare attraverso i figli di E e spostare la chiave ++, ma sono sicuro che ci sia un modo più carino.

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

eElement.insertBefore(newFirstElement, eElement.firstChild);

Versione 2017

Puoi usare

targetElement.insertAdjacentElement('afterbegin', newFirstElement)

Da MDN :

Il metodo insertAdjacentElement () inserisce un dato nodo di elemento in una data posizione rispetto all'elemento su cui viene invocato.

position
A DOMString che rappresenta la posizione relativa all'elemento; deve essere una delle stringhe seguenti
beforebegin:: Prima dell'elemento stesso.
afterbegin: Appena dentro l'elemento, prima del suo primo figlio.
beforeend: Appena dentro l'elemento, dopo il suo ultimo figlio.
afterend: Dopo l'elemento stesso.

element
L'elemento da inserire nell'albero.

Anche nella famiglia di insertAdjacentci sono i metodi di pari livello:

element.insertAdjacentHTML('afterbegin','htmlText')per iniettare direttamente una stringa html, come innerHTMLma senza ignorare tutto, in modo da poter saltare il processo oppressivo document.createElemente persino costruire l'intero componente con il processo di manipolazione della stringa

element.insertAdjacentTextper iniettare la stringa sanitize nell'elemento. non piuencode/decode

Versione 2018

parentElement.prepend(newFirstChild)

Questo è JS moderno! È più leggibile rispetto alle opzioni precedenti. È attualmente disponibile in Chrome, FF e Opera.

PS Puoi anteporre direttamente le stringhe

parentElement.prepend('This text!')

developer.mozilla.org

Posso usare - 94% maggio 2020

polyfill

Puoi implementarlo direttamente in tutti gli elementi HTML della tua finestra.
Come questo :

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

Risposta accettata refactorizzata in una funzione:

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

A meno che non abbia frainteso:

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

O

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

Anche se sembra dalla tua descrizione che ci sia qualche condizione allegata, quindi

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

Penso che tu stia cercando la funzione .prepend in jQuery. Codice di esempio:

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

Ho creato questo prototipo per anteporre elementi all'elemento genitore.

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