Méthode prepend
La méthode prepend ajoute du texte au début
d'un élément. Il existe également la méthode
prependTo,
qui fonctionne de manière similaire.
Syntaxe
Insérer du texte au début d'un élément :
$(sélecteur).prepend(texte);
Au début des éléments sélectionnés, on peut ajouter du texte qui sera retourné par une fonction personnalisée. La fonction est appelée séparément pour chacun des éléments sélectionnés. Lors de l'appel, les paramètres suivants lui sont transmis : la position de l'élément dans l'ensemble, le contenu actuel de l'élément :
$(sélecteur).prepend(function(numéro dans l'ensemble, contenu actuel de l'élément));
Le contenu 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 au début du paragraphe donné :
<p id="test">text</p>
$('#test').prepend('!!!');
Le code HTML deviendra alors :
<p id="test">!!!text</p>
Exemple
Insérons du texte avec des balises au début du paragraphe donné :
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
Le code HTML deviendra alors :
<p id="test"><b>!!!</b>text</p>
Exemple
Trouvons tous les paragraphes et plaçons au début de chacun d'eux son numéro d'ordre dans l'ensemble :
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
Le code HTML deviendra alors :
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>
