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:
<p id="test">text</p>
alert($('#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:
<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:
alert($('.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:
alert($('.www').text()); // gibt 'text1text2text3' aus