Textausgabe eines Elements mit jQuery

Die Methoden html und text können nicht nur verwendet werden, um den Text von Elementen zu ändern, sondern auch, um ihn auf dem Bildschirm auszugeben. Lasst uns ein Element abrufen und seinen Text ausgeben:

html<p id="test">text</p>

javascriptalert($('#test').html());

Wenn Sie versuchen, den Text nicht eines Elements, sondern vieler abzurufen, werden Sie nur den Inhalt des ersten Elements sehen. Verwenden Sie die Methode each, um die Texte aller Elemente zu erhalten. Darüber wird in den folgenden Lektionen gesprochen.

Im Beispiel unten holen wir uns alle Absätze mit der Klasse www:

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

Dann geben wir den Inhalt mit html aus, wobei nur der Text des ersten Absatzes aus den erhaltenen ausgegeben wird:

javascriptalert($('.www').html()); // gibt 'text1' aus

Auch mit der Methode text muss man vorsichtig sein. In unserem Fall gibt sie den Inhalt aller gefundenen Elemente aus:

javascriptalert($('.www').text()); // gibt 'text1text2text3' aus