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

juillet 1, 2019février 10, 2020 Amine KOUIS Aucun commentaire

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>