Comment récupérer le texte d’un élément HTML – JQuery

Vous pouvez utiliser la méthode text() de jQuery pour récupérer tout le contenu du texte d’un élément HTML. La méthode text() renvoie également le contenu texte des sous éléments.
 
[wx_adsense]  

Code source :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Récupérer le 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(){
       // Afficher le contenu texte d'un paragraphe simple
       $(".showPlainText").click(function(){
           alert($(".plain-text").text());
       });
    
       // Afficher le contenu texte du paragraphe formaté
       $(".showFormattedText").click(function(){
           alert($(".formatted-text").text());
       });
   });
</script>
</head> 
<body>
     <p class="plain-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
     <p class="formatted-text">Lorem <strong>ipsum</strong> dolor sit, <em><sup>consectetur</sup></em> adipiscing <a href="#">elit</a>.</p>
     <button type="button" class="showPlainText">Récupérer le texte brut</button>
     <button type="button" class="showFormattedText">Récupérer le texte formaté</button>
</body>
</html>