Как в jQuery превратить html to string?

Question

[howuu]

есть такая функция

function myFunction() {
	var str = '<h1>привет, мир</h1>';
    $( ".field" ).append( str );

}

я хочу сделать так, что бы переменная str выводилась как есть с текстом привет, мир, а не отображалась на странице заголовком привет, мир, как мне это сделать?

Answer 1

[0xD34F]

const $el = $('.field');
const el = document.querySelector('.field');

Теги должны остаться? Да:

$el.append(document.createTextNode(str));

// или

$el.append(str.replace(/</g, '&lt;'));

// или

el.append(str);

Нет:

$el.append($(str).text());

// или

const div = document.createElement('div');
div.innerHTML = str;
el.insertAdjacentText('beforeend', div.innerText);

// или

el.append(document.createRange().createContextualFragment(str).textContent);

// или

el.append(new DOMParser().parseFromString(str, 'text/html').body.textContent);

Comments

[howuu]

спасибо) нужен был первый вариант

Answer 2

[Павел Корнилов]

$( ".field" ).append( 'привет, мир');