training-web.ruГлавнаяКатегорииО насКарта сайтаПоискТёмная тема

Категории

Как вставить html-код в элемент html() jquery

Создано: 26 декабря 2015Автор: Егор Астапов7883 просмотраСложность: легкий

Для того чтобы вставить html-код в элемент нам поможет функция html(). Для того чтобы вставить элементы в тег div нужно сделать блок состоящий из кода.


<p>строка1</p>
<p>строка2</p>
<p>строка3</p>
<p>строка4</p>

Теперь нужно вставить блок кода в элемент при помощи httml().


var str = "<p>строка1</p><p>строка2</p><p>строка3</p><p>строка4</p>";
$(".content").html(str);

Посмотрите на итог. В тег div помещены 4 строки.


<div class="content">
   <p>строка1</p>
   <p>строка2</p>
   <p>строка3</p>
   <p>строка4</p>
</div>

Вы можете очистить тег div от кода передав пустоту в функцию html(''). Также вы можете использовать функцию empty(). Подробнее о функции empty и remove читайте на странице как очистить удалить элементы jQuery. В неё не нужно передавать никаких входных параметров.


$(".content").html('');
$(".content").empty();

Если не передавать в функцию html() входной параметр, то вы можете использовать эту функцию для копирования данных. Обратите внимание на то, что HTML код копируется вместе с тегами.

Комментарии

реклама