Comment récupérer le contenu texte d’un élément HTML avec jQuery

Vous pouvez utiliser la méthode text() de jQuery pour obtenir tout le contenu du texte contenu dans l’élément. La méthode text() renvoie également le contenu textuel des sous-éléments.
 
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Récupérer le contenu texte d'un élément HTML</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("button").click(function(){
					var divContent = $('#box').text();
					alert(divContent);
				});
			});
		</script>
	</head>
	<body>
		<div id="box">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
		</div>
		<button type="button">Récupérer le texte</button>
	</body>
</html>
Résultat

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *