Elem szövegének kiírása jQuery-vel

A html és a text módszereket nem csak az elemek szövegének megváltoztatására használhatjuk, hanem a megjelenítésére is. Kapjunk meg egy elemet és jelenítsük meg a szövegét:

html<p id="test">szöveg</p>

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

Ha nem egy elem, hanem több elem szövegét próbálja megkapni, akkor csak az első elem tartalmát fogja látni. Használja a each módszert az összes elem szövegének megszerzéséhez, erről a következő leckékben lesz szó.

Az alábbi példában megkapjuk az összes www osztállyal rendelkező bekezdést:

html<p class="www">szöveg1</p>
<p class="www">szöveg2</p>
<p class="www">szöveg3</p>

Ezután kiírjuk a tartalmat a html segítségével, ekkor csak a kapott bekezdések közül az első szövege jelenik meg:

javascriptalert($('.www').html()); // kiírja: 'szöveg1'

A text módszerrel is óvatosan kell bánni, esetünkben az összes talált elem tartalmát ki fogja írni:

javascriptalert($('.www').text()); // kiírja: 'szöveg1szöveg2szöveg3'