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

juin 29, 2019février 10, 2020 Amine KOUIS Aucun commentaire

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.

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>