Méthode after dans jQuery
La méthode after permet d'ajouter
du texte après les éléments.
Prenons l'exemple suivant, supposons que nous ayons un paragraphe :
<p>text</p>
Maintenant, écrivons le code Javascript suivant :
$('p').after('<b>!!!</b>');
Après exécution du code, le paragraphe ressemblera à ceci :
<p>text</p><b>!!!</b>
Il est nécessaire de noter que toutes les méthodes d'insertion mentionnées ci-dessus
- prepend, append,
before et after prévoient également
la possibilité d'appliquer une fonction à chaque
élément dans l'ensemble.
Trouvons tous les paragraphes et à la fin de chacun d'entre eux, plaçons son numéro d'ordre dans l'ensemble :
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index){return index;});
Après chaque h2, insérez '<p>?</p>'.
En une seule chaîne, avant chaque h2 insérez
'<p>!</p>', et après h2 -
'<p>?</p>'.