English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery различные

Методы HTML/CSS jQuery

jQuery метод text()

Используя метод text() для установки содержимого, он будет возвращатьtext() метод получения или установки текстового содержимого выбранного элемента (включая его потомков).получениеВсе выбранные элементытекстового содержимого.

Используя метод text() для установки содержимого, он будет возвращатьустановленноепри изменении содержимого, оно будет заменятьВсе выбранные элементытекстового содержимого.

Использованиеhtml()метод для получения или установки innerHTML выбранного элемента (текст + HTML-теги).

Внимание: Метод text() не может быть использован на элементах ввода. Для текста полей ввода используйтеval()Метод.

Грамматика:

Получение текстового содержимого:

$(selector).text()

Установка текстового содержимого:

$(selector).text(content)

Использование функции для установки текстового содержимого:

$(selector).text(function(index, currentContent))

Пример

Нажмите кнопку, чтобы получить текстовое содержимое всех абзацев:

$("button").click(function(){
  alert($("p").text());
});
Проверьте, как это работает‹/›

Изменение текстового содержимого всех абзацев:

$("button").click(function(){
  $("p").text("I would like to say: Hello world");
});
Проверьте, как это работает‹/›

Использование следующих функций для изменения текстового содержимого элементов:

$("button").click(function(){
  $("p").text(function(i){
    return "Индекс этого p элемента: " + i;
  });
});
Проверьте, как это работает‹/›

Разница между методами html() и text():

$("#btn1").click(function(){
  $("p").html("Я хочу сказать: <b>Hello world</b>");
});
$("#btn2").click(function(){
  $("p").text("Я хочу сказать: <b>Hello world</b>");
});
Проверьте, как это работает‹/›

Значение параметра

ПараметрОписание
contentУстановить текстовую строку для всех选定ных элементов
Внимание:Если этот параметр опущен, then text() вернет содержимое выбранного элемента
function(index, currentContent)Указать функцию, которая возвращает текст для установки
  • index-Вернуть индекс位置的 элемента в наборе

  • currentContent-Вернуть текущий текст элемента

Методы HTML/CSS jQuery