голосование
BASH
PHP
Javascript
HTML
Firebird
Программы
PostgreSQL
Майнинг
Хостинг
Железо
Мобильные технологии
Заработок на сайте
Docker
Ресурсы
GIT
SEO
Oracle
Python
Ремонт
Mercurial
Проголосуйте за категорию!
счётчик
Яндекс.Метрика

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

Для того чтобы вставить 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 код копируется вместе с тегами.

просмотры: 7577, уровень: лёгкий уровень, рейтинг: 3, дата: 2015-12-26 10:17:03
проголосовать:

Комментарии:






поиск
реклама
банеры
Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.
http://trainingweb.ru/redirect/well_web_vps_kvm Аренда VPS KVM в Европе Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.
http://trainingweb.ru/redirect/domains домен RU домен RU всего за 99 рублей
http://trainingweb.ru/redirect/pingadmin мониторинг сайтов сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP