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 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 *