Comment insérer du contenu HTML avant ou après une balise en jQuery ?
Hello !
Peut-on insérer une balise, ou ne serait ce que du texte, avant ou après une balise choisie en jQuery ?
Je vous remercie d'avance pour vos réponses !HTML / DHTML / XHTMLJavaScriptjQueryHTML
JespaPosté le : 12 Septembre à 10:0943 002 vues
DalanirPosté le : 12 Septembre à 10:18Salut à toi !
En effet, c'est tout à fait possible avec les méthodes before() et after(). Un petit exemple s'impose tout de même !
Exemple
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> </head> <body> <span id="span1">Salut tout le monde !</br></span> <script type="text/javascript"> $("#span1").before('<span id="span0">Bah là je met une "span" avant parce que je trouve ça drôle</span></br>'); $("#span1").after("<span id='span2'>Puis là j'en met une après, parce c'est sympa !</span>"); </script> </body> </html>
Je vous conseille de tester le code chez vous pour voir ce que cela fait, mais en gros avec before() et after() j'ai placé deux balises, une avant et une après.
NOTE : Il faut noter le fait qu'il exsite aussi insertBefore() et insertAfter() qui permettent de faire la même chose mais en précisant d'abord ce que l'on veut mettre et ensuite par rapport à quelle balise ou élément HTML.
Voilà, en espérant avoir été clair.
⇒ Si vous êtes ici c'est que le sujet vous intéresse ^^
Inscrivez-vous sur Oyant, apportez votre contribution sur ce sujet et gagnez de l'argent :
Inscription
Répondre
Inscrivez-vous sur Oyant, apportez votre contribution sur ce sujet et gagnez de l'argent :
Inscription
 | Eviter le mal de dosBonjourComment éviter le mal de dos, s'il vous plaît? |
Abdomen et bassin | |
Dos Mal |
 | Supprimer les brûlures d’estomacBonjourQue dois-je faire pour supprimer les brûlures d’estomac? |
Santé | |
Estomac Brûlures |
 | Garder mon ventre platBonjourQue dois-je faire pour garder mon ventre plat? |
Beauté et Mode | |
Ventre plat Corps |
 | Dégonfler mes yeuxBonjourComment dégonfler mes yeux, s'il vous plaît? |
Visage | |
Dégonfler Yeux |
| Lentille de contact est tombée sur le solBonjourUne lentille de contact est tombée sur le sol, que dois-je faire pour la trouvée? |
Beauté et Mode | |
Lentille |
| Avoir des yeux bien maquillésBonjourComment avoir des yeux bien maquillés? |
Visage | |
Yeux Maquillage |
| Colorer mes cheveux au naturelBonjourAvez-vous une idée pour colorer mes cheveux au naturel? |
Coiffures | |
Colorer Cheveux Naturel |
| Nettoyer mes lunettesBonjourJ'ai besoin d'une astuce pour nettoyer mes lunettes? |
Beauté et Mode | |
Lunette Nettoyer Astuce |
| Rouge à lèvres qui ne file pasBonjourJ'ai besoin d'une astuce pour un rouge à lèvres qui ne file pas. |
Visage | |
Rouge à lèvres Visage |
 | Nettoyer le cuirBonjourComment nettoyer le cuir, s'il vous plaît? |
Vie pratique | |
Cuir Nettoyer |
| Taches de peinture sur ma peauSalutAvez vous une astuce pour ôter les taches de peinture sur ma peau? |
Beauté et Mode | |
Tache Peinture Peau |
| Masque pour mes cheveux secs et abîmésBonjourLes filles, j'ai besoin d'un masque maison pour mes cheveux secs et abîmés? |
Coiffures | |
Masque Cheveux Sec Abîmé |
| Rendre mes lèvres moelleusesBonjourQue dois-je faire pour rendre mes lèvres moelleuses? |
Visage | |
Lèvres Moelleuses |
| Les poches sous mes yeuxBonjourQue dois-je faire pour les poches sous mes yeux? |
Visage | |
Poche Yeux |
| Enlevez du chewing-gum de mon pantalonBonjourComment enlevez du chewing-gum de mon pantalon? |
Beauté et Mode | |
Chewing-gum Pantalon |
| Comment modifier de l'HTML avec jQuery ?Bonjour,Comme dit dans la question je cherche à modifier du HTML avec du jQuery, comment cela se passe-t-il ? Merci |
JavaScript | |
jQuery HTML |
| Epiler les sourcils, sans avoir malBonjourComment épiler les sourcils, sans avoir mal? |
Visage | |
Sourcil Epilation Mal |
| Veuillez vous connecter pour profiter pleinement de toutes les fonctionnalités de Oyant. | ||
Connexion |
Inscription |
|
|
Poster une question |
||
