Вывод текста элемента через jQuery
Методы html
и text
можно использовать не только для изменения текста
элементов, но и для вывода его на экран. Давайте
получим элемент и выведем
алертом
его текст:
<p id="test">text</p>
alert($('#test').html());
Если вы попытаетесь получить текст не одного
элемента, а многих, то увидите только содержимое
первого элемента. Используйте метод
each,
чтобы получить тексты всех элементов, о нем
будет говорится в следующих уроках.
В примере ниже мы получаем все абзацы с классом
www:
<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>
Затем выводим алертом содержимое с помощью
html, при этом выведется только текст первого
абзаца из полученных:
alert($('.www').html()); // выведет 'text1'
С методом text тоже нужно быть аккуратным,
в нашем случае он выведет содержимое всех найденных
элементов:
alert($('.www').text()); // выведет 'text1text2text3'