Affichage du texte d'un élément via jQuery

Les méthodes html et text peuvent être utilisées non seulement pour modifier le texte des éléments, mais aussi pour l'afficher à l'écran. Obtenons un élément et affichons son texte :

<p id="test">text</p> alert($('#test').html());

Si vous essayez d'obtenir le texte non pas d'un seul élément, mais de plusieurs, vous ne verrez que le contenu du premier élément. Utilisez la méthode each, pour obtenir les textes de tous les éléments, elle sera abordée dans les prochaines leçons.

Dans l'exemple ci-dessous, nous obtenons tous les paragraphes avec la classe www :

<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>

Ensuite, nous affichons le contenu en utilisant html, mais seul le texte du premier paragraphe parmi ceux obtenus sera affiché :

alert($('.www').html()); // affichera 'text1'

Il faut aussi être prudent avec la méthode text, dans notre cas, elle affichera le contenu de tous les éléments trouvés :

alert($('.www').text()); // affichera 'text1text2text3'