Преобразование строки HTML в объекты DOM с помощью jQuery

Question

Преобразование строки HTML в объекты DOM с помощью jQuery

У меня есть HTML в строке JavaScript (содержащей обычный, вложенный HTML). Используя jQuery, могу ли я преобразовать его в допустимый HTML-элемент одним ударом, используя любую из функций document.create*? Мое требование-использовать document.getElementById на созданном объекте DOM.

629 4

jQuery javascript dom

4 ответов:

Comments

Ничего не найдено.

P K · Accepted Answer · 2011-12-25 22:08:31

Возьмем простой вложенный пример.
var dom_string = '<div>xxx<div>yyy</div></div>';
Создайте элементы HTML DOM с помощью функции $() jquery и добавьте их туда, куда вы хотите. я взял "тело", но вы можете добавить его куда угодно.
$(dom_string).appendTo('body');
В качестве альтернативы вы можете реализовать это с помощью чистого javascript:
var dom_target = document.getElementById("target");
dom_target.innerHTML = dom_string;

SLaks · Accepted Answer · 2011-12-25 21:50:10

Создайте фиктивный элемент и установите его innerHTML в строку HTML.

David Rivers · Accepted Answer · 2013-07-11 17:37:10

// Construct a container as a placeholder for your content

var container = document.createElement('div');
container.id = 'container';

// Inject the container into the DOM

document.body.appendChild(container);

// Populate the injected container with your content

container.innerHtml = '<p id="pTag">I am a <em>P</em> tag with some <strong>nested markup</strong>.</p>';

Theo · Accepted Answer · 2018-04-13 17:17:21

Для преобразования Html-текста в jQuery-объект используйте функцию $ ():
div = '<div>hello world</div>';
$div = $(div);
Но, как уже отмечали другие, в большинстве случаев вам это не нужно, потому что функции манипуляции DOM, такие как append () и prepend (), будут принимать обычный текст, поэтому
$('body').append('<div>hello world</div>');
Абсолютно нормально.