Извеждане на текст на елемент чрез jQuery

Методите html и text могат да се използват не само за промяна на текста на елементите, но и за извеждането му на екрана. Нека получим елемент и изведем неговия текст:

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

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

Ако се опитате да получите текста не на един елемент, а на много, ще видите само съдържанието на първия елемент. Използвайте метода each, за да получите текстовете на всички елементи, за него ще се говори в следващите уроци.

В примера по-долу получаваме всички параграфи с клас www:

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

След това извеждаме съдържанието с помощта на html, като при това ще се изведе само текстът на първия параграф от получените:

javascriptalert($('.www').html()); // ще изведе 'text1'

С метода text също трябва да се внимава, в нашия случай той ще изведе съдържанието на всички намерени елементи:

javascriptalert($('.www').text()); // ще изведе 'text1text2text3'