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

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

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

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






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