Méthode after
La méthode after ajoute du texte après
l'élément spécifié. Il existe également la méthode
insertAfter,
qui fonctionne de manière similaire.
Syntaxe
Insérer du texte après un élément :
$(sélecteur).after(texte);
Ainsi, après les éléments sélectionnés, sera ajouté le texte qui sera retourné par la fonction utilisateur. La fonction est appelée séparément pour chacun des éléments sélectionnés. Le premier paramètre de cette fonction reçoit l'index dans l'ensemble de chaque élément sélectionné (tour à tour), le deuxième - le contenu actuel de l'élément :
$(sélecteur).after(function(index dans l'ensemble, contenu actuel de l'élément));
Le texte peut également être non seulement du texte ordinaire, mais aussi un élément DOM ou un objet jQuery. Dans ce cas, ces éléments seront déplacés de leur position dans le code HTML.
Exemple
Insérons du texte après le paragraphe spécifié :
<p id="test">text</p>
$('#test').after('!!!');
Le code HTML deviendra :
<p id="test">text</p>!!!
Exemple
Insérons du texte avec des balises après le paragraphe spécifié :
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
Le code HTML deviendra :
<p id="test">text</p><p>!!!</p>
Exemple
Déplaçons un paragraphe sous un autre (c'est-à-dire coupons le paragraphe de son ancien emplacement et plaçons-le au nouveau) :
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after($('#p2'));
Le code HTML deviendra :
<p id="p1">text1</p>
<p id="p2">text2</p>
Voir aussi
-
méthode
insertAfter,
qui ajoute du texte après l'élément spécifié -
méthodes
before,append,prepend,
permettant d'ajouter du contenu à un endroit spécifique sur la page -
méthode
clone,
qui crée des copies des éléments sélectionnés
