Comment faire pour insérer un élément dans un premier enfant?

Question

Je veux ajouter un div en tant que premier élément à l'aide de jquery sur chaque clic d'un bouton

  <div id='parent-div'>
// want to insert always as a first elment here ... 

<div class='child-div'>some text</div>
<div class='child-div'>some text</div>
<div class='child-div'>some text</div>


</div> 

Answer 1

essayez de la faire précéder de la fonction. $("#parent-div").prepend("<div class='child-div'>some text</div>");

Answer 2

Utilisation: $("<p>Test</p>").prependTo(".inner"); Découvrez l' .ajouter de la documentation sur jquery.com

Answer 3

parentNode.insertBefore(newChild, refChild)

Insère le nœud newChild comme un enfant de parentNode avant que l'enfant ne nœud refChild. (Retourne newChild.)

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

Answer 4

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

Answer 5

$('.parent-div').children().before("<div class='child-div'>some text</div>");