Méthode before
La méthode before ajoute du texte avant l'élément
spécifié. Il existe également la méthode
insertBefore,
qui fonctionne de manière similaire.
Syntaxe
Insérer du texte avant un élément :
$(sélecteur).before(texte);
Ainsi, avant les éléments sélectionnés sera ajouté le texte qui sera retourné par la fonction personnalisée :
$(sélecteur).before(function(numéro dans l'ensemble));
Une autre variante d'utilisation de la fonction, le deuxième paramètre spécifie l'ancienne valeur html de l'élément :
$(sélecteur).before(function(numéro dans l'ensemble, chaîne html));
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 avant le paragraphe spécifié :
<p id="test">text</p>
$('#test').before('!!!');
Le code HTML deviendra alors :
!!!<p id="test">text</p>
Exemple
Insérons du texte avec des balises avant le paragraphe spécifié :
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
Le code HTML deviendra alors :
<p>!!!</p><p id="test">text</p>
Exemple
Plaçons un paragraphe au-dessus d'un autre (c'est-à-dire couper le paragraphe de son ancien emplacement et le placer au nouvel emplacement) :
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before('#p1');
Le code HTML deviendra alors :
<p id="p2">text2</p>
<p id="p1">text1</p>
Voir aussi
-
la méthode
insertBefore,
qui ajoute du texte avant l'élément spécifié -
les méthodes
after,append,prepend,
permettant d'ajouter du contenu à un endroit spécifique sur la page -
la méthode
clone,
qui crée des copies des éléments sélectionnés
