Метод jQuery HTML()

❮ Методы jQuery HTML/CSS

Пример

Измените содержимое всех элементов <p>:

$("button").click(function(){
  $("p").html("Hello <b>world</b>!");
});

Определение и использование

Метод html() устанавливает или возвращает содержимое (innerHTML) выбранных элементов.

Когда этот метод используется для возврата содержимого, он возвращает содержимое ПЕРВОГО совпавшего элемента.

Когда этот метод используется для установки содержимого, он перезаписывает содержимое ВСЕХ соответствующих элементов.

Совет: Чтобы установить или вернуть только текстовое содержимое выбранных элементов, используйте метод text() .


Синтаксис

Возвращаемый контент:

$(selector).html()

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

$(selector).html(content)

Установите содержимое с помощью функции:

$(selector).html(function(index,currentcontent))

Parameter Description
content Required. Specifies the new content for the selected elements (can contain HTML tags)
function(index,currentcontent) Optional. Specifies a function that returns the new content for the selected elements
  • index - Returns the index position of the element in the set
  • currentcontent - Returns the current HTML content of the selected element

Попробуйте сами — примеры


Как вернуть содержимое элемента.


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


❮ Методы jQuery HTML/CSS