Работа с текстовым содержимым элемента

.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 — текущий текст элемента.

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *