JavaScriptInsertion JQuery
Insertion de contenu avec JQuery
append(), prepend(), before() et after()
append() : insère du contenu à la fin de la sélection ;
prepend() : insère du contenu au début de la sélection ;
before() : insère du contenu avant la sélection ;
after() : insère du contenu après la sélection.
prepend() : insère du contenu au début de la sélection ;
before() : insère du contenu avant la sélection ;
after() : insère du contenu après la sélection.
Ajout d'une espace et de trois astérisques à la suite de chaque titre <h2>
$('h2').append(' ***');
Ajout d'une ligne de séparation horizontale avant le titre <h2> #montitre
$('#montitre').before('<hr>');
Remplacer une sélection
On utilise la méthode replaceWith()Par exemple, pour remplacer les balises <hr> par des sauts de ligne :
$('hr').replaceWith('<br>');
appendTo(), prependTo(), insertAfter(), insertBefore()
- elementarajouter.appendTo(cible) insère un élément à la fin de la cible ;
- elementarajouter.prependTo(cible) insère un élément au début de la cible ;
- elementarajouter.insertBefore(cible) insère un élément avant la cible ;
- elementarajouter.insertAfter(cible) insère un élément après la cible.
Ajout d'un élément de liste à puces après le deuxième élément de la liste
$('<li>Deuxième élément bis</li>').insertAfter($('li:nth-child(2)'));
Ajout d'une balise <hr> avant chaque titre <h2>
$('<hr>').prependTo($('h2'));
