.text() — получает/устанавливает текстовое содержимое для каждого элемента в наборе, в том числе и их потомков.

.text()

Возвращает текст содержащийся в выбранном элементе. Если таких элементов несколько, метод возвратит строку, в которой будет содержимое всех элементов, расположенное через пробел.

В отличие от метода .html(), .text() может быть использован в XML и HTML-документах.

Пример 1

Нажмите на кнопку, чтобы получить текст, содержащийся в элементе .demo-container

[codepen_embed height=”256″ theme_id=”dark” slug_hash=”PWLzKd” default_tab=”js,result” user=”AmateR”]See the Pen <a href=’http://codepen.io/AmateR/pen/PWLzKd/’>PWLzKd</a> by Aleksei (<a href=’http://codepen.io/AmateR’>@AmateR</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

Внимание! Метод .text() не может быть использован для получения содержимого тегов input и textarea Для получения их содержимого используйте метод .val()

.text( text )

Заменяет все содержимое у выбранных элементов.

• text (тип: строка, число или логическое значение) — текст, на который будет заменено содержимое. Если передается числовое или логическое значение, то оно переводится в строку.

Пример 2

Нажмите на кнопку, чтобы заменить весь текст, содержащийся в элементе .demo-container

[codepen_embed height=”250″ theme_id=”dark” slug_hash=”NdJroQ” default_tab=”js,result” user=”AmateR”]See the Pen <a href=’http://codepen.io/AmateR/pen/NdJroQ/’>NdJroQ</a> by Aleksei (<a href=’http://codepen.io/AmateR’>@AmateR</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

В результате работы скрипта html-код был помещен как обычный текст, потому что jQuery преобразует теги в их сущности, аналогично функции htmpspecialchars в php.

.text( function )

заменяет все содержимое у выбранных элементов на возвращенный пользовательской функцией текст.

• function (index, text) — функция, которая вызывается индивидуально для каждого отдельного элемента в наборе
  • index — позиция элемента в наборе;
  • text — текущий текст элемента.