Comment ajouter dynamiquement un div à l'intérieur d'un div à l'aide de jQuery. Il devrait également s'afficher en premier?
J'ai un parent div comme ça.
<div id='parent'>
<div id='child_1'>........</div>
<div id='child_2'>........</div>
<div id='child_3'>........</div>
<div id='child_4'>........</div>
</div>
Je veux ajouter une div comme ceci:
<div id='page_number'> You are watching 5th object out of 100 </div>
À l'intérieur de la division parent, j'utilise append pour faire comme ça.
$("#parent").append("<div id='page_number'> You are watching 5th object out of 100 </div>");
Mais sa venue après child_4 th div. Mais je dois l'afficher juste en dessous de child_1. Ça devrait venir comme ça
<div id='parent'>
<div id='page_number'> You are watching 5th object out of 100 </div>
<div id='child_1'>........</div>
<div id='child_2'>........</div>
<div id='child_3'>........</div>
<div id='child_4'>........</div>
</div>
Comment puis-je faire comme ça.
utiliser la fonction jquery .prepend() : insérer le contenu, spécifié par le paramètre, au début de chaque élément dans l'ensemble des éléments correspondants
$('Selector ').prepend($('<div> new div </div>'));
utilisez prepend au lieu de append:
$("#parent").prepend("<div id='page_number'> You are watching 5th object out of 100 </div>");
Utilisez prepend () au lieu de append () :
$("#parent").prepend(
"<div id='page_number'> You are watching 5th object out of 100 </div>");
Voir $("#parent").append("") ajoute votre div à la fin de l'élément sélectionné .... si vous voulez ajouter votre divs comme premier enfant du parent, essayez de faire précéder ...
$("#parent").prepend("");
En plus d'utiliser la commande .prepend () mentionnée par les autres réponses, vous pouvez également utiliser la commande . PrependTo () :
$("<div id='page_number'>You are watching 5th object out of 100 </div>").prependTo("#parent");