article
seize-1A10 à créé cet article le 12 mars 2018

jQuery ecrire dans une div

Ajouter du texte dans une div avec jQuery. Il est possible de remplir une balise div avec du texte, il est également possible de modifier le texte existant. Voici comment procéder
Vous avez trouvé cet article utile ?
-
0
0
+

Mots clés :
jQuery


// ajoute du texte à une div
$('.classDeLaDiv').text('Voici du texte ajouté par jQuery'); 


// div identifiée avec un id
$('#idDiv').text('Encore du texte ajouté'); 

// si il y a déjà du contenu dans la div celui-ci est remplacé.
// pour conserver le contenu, il faut d'abord le récupérer 
// puis modifier ce contenu avec le texte qu'on souhaite ajouter

// on récupère le texte déja présent
dejaPresent= $('#idDiv').text();
// on modifie
dejaPresent = dejaPresent + ' coucou !!'; 
// et on écrit la nouvelle chaine de caractères
$('#idDiv').text(dejaPresent);
Voici le code complet ci-dessous
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
<div class="classDeLaDiv"></div>
<div id="idDiv"></div>
<div id="idDiv2">texte initial</div>


	<script
			  src="https://code.jquery.com/jquery-3.3.1.min.js"
			  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
			  crossorigin="anonymous"></script>


	<script type="text/javascript">
		
		// ajoute du texte à une div
		$('.classDeLaDiv').text('Voici du texte ajouté par jQuery'); 


		// div identifiée avec un id
		$('#idDiv').text('Encore du texte ajouté'); 

		// on récupère le texte déja présent
		dejaPresent= $('#idDiv2').text();
		// on modifie
		dejaPresent = dejaPresent + ' coucou !!'; 
		// et on écrit la nouvelle chaine de caractères
		$('#idDiv2').text(dejaPresent);

	</script>
</body>
</html>











Créer une branche
Utilisez cet article comme base pour en créer une version différente