Comment insérer un élément en tant que premier enfant?

Je veux append un div comme premier élément en utilisant jquery à chaque clic d’un bouton

some text
some text
some text

Essayez la fonction $.prepend() .

Usage

 $("#parent-div").prepend("
some text
");

Démo

 var i = 0; $(document).ready(function () { $('.add').on('click', function (event) { var html = "
some text " + i++ + "
"; $("#parent-div").prepend(html); }); });
  
Hello World

Utilisez: $("

Test

").prependTo(".inner"); Consultez la documentation de .prepend sur jquery.com

S’étendant sur ce que @vabhatia a dit, c’est ce que vous voulez en JavaScript natif (sans JQuery).

ParentNode.insertBefore(, ParentNode.firstChild);

 parentNode.insertBefore(newChild, refChild) 

Insère le nœud newChild en tant qu’enfant de parentNode avant le nœud enfant existant refChild. (Retourne newChild.)

Si refChild est nul, newChild est ajouté à la fin de la liste des enfants. De manière équivalente et plus lisible, utilisez parentNode.appendChild (newChild).

 parentElement.prepend(newFirstChild); 

Ceci est une nouvelle addition dans (probablement) ES7. Il est maintenant vanille JS, probablement en raison de la popularité de jQuery. Il est actuellement disponible dans Chrome, FF et Opera. Les transstackurs devraient être capables de le gérer jusqu’à ce qu’il soit disponible partout.

PS Vous pouvez directement append des chaînes

 parentElement.prepend('This text!'); 

Liens: developer.mozilla.org – Polyfill

$(".child-div div:first").before("Your div code or some text");

 $('.parent-div').children().before("
some text
");

Requis ici

Outer Text

Inner Text

ajouté par

$(document).ready(function(){ $('.inner').prepend('

New Text Middle

'); });