Comment ajouter du texte dans des balises HTML sans supprimer l'ancien contenu avec jQuery ?
Bonjour,
J'aimerais rajouter du texte dans une de mes balises, à la suite ou avant le contenu qu'il y a déjà de base, sans le supprimer. Est-ce possible avec jQuery ?
Merci !Webmasters - Développement webHTML / DHTML / XHTMLJavaScriptjQueryHTML
BizonFutayPosté le : 12 Septembre à 09:5643 335 vues
DalanirPosté le : 12 Septembre à 10:06Salut!
Oui, ce que tu demandes est tout à fait possible grâce au méthode prepend() et append(), ainsi que leur dérivés prependTo() et appendTo(). En effet, ces méthodes permettent d'ajouter du contenu après ou avant le contenu existant.
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 !</span> <script type="text/javascript"> $("#span1").prepend("Yeah ! "); $("#span1").append(" Comment allez-vous ?") </script> </body> </html>
A la base, dans le <span>, nous n'avions que "Salut tout le monde !". Avec la méthode prepend(), on a ajouté "Yeah" devant le texte d'origine et avec la méthode append(), on ajouté "Comment allez-vous ?" après le texte d'origine. Vous verrez donc alors le "allez-vous" en gras, car on peut ajouter des balises avec ces deux méthodes.
Les méthodes prependTo() et apppendTo() permettent de faire le même travail, sauf on sélectionnera ce que l'on veut rajouter d'abord puis on passera on paramètre sur quelle balise on veut effectuer le travail.
Voilà, a+ !
⇒ 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 |
| Démêler les cheveux de ma fille sans douleurBonjourComment démêler les cheveux de ma fille sans douleur? |
Coiffures | |
Cheveux Démêler Douleur |
| Veuillez vous connecter pour profiter pleinement de toutes les fonctionnalités de Oyant. | ||
Connexion |
Inscription |
|
|
Poster une question |
||
