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.
 
 

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>
QCM jQuery

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.