Afișarea textului unui element prin jQuery

Metodele html și text pot fi folosite nu doar pentru modificarea textului elementelor, ci și pentru afișarea acestuia pe ecran. Haideți să obținem elementul și să afișăm textul său:

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

Dacă încercați să obțineți textul nu al unui singur element, ci al mai multor, veți vedea doar conținutul primului element. Folosiți metoda each, pentru a obține textele tuturor elementelor, despre ea se va vorbi în lecțiile următoare.

În exemplul de mai jos obținem toate paragrafele cu clasa www:

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

Apoi afișăm conținutul cu ajutorul html, în acest caz se va afișa doar textul primului paragraf dintre cele obținute:

alert($('.www').html()); // va afișa 'text1'

Și cu metoda text trebuie să fiți atenți, în cazul nostru va afișa conținutul tuturor elementelor găsite:

alert($('.www').text()); // va afișa 'text1text2text3'