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()
.
$("#parent-div").prepend("some text");
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.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
ajouté par
$(document).ready(function(){ $('.inner').prepend('
'); });