javascript - jquery dom 对象转字符串

Question

我有一个包含 html 文件内容的文本区域。 textarea内容包括我整个html页面内容，包括doctype、head、html等。

现在，我想通过 $.parseHTML 将文本区域保存到 dom 变量中:

var txt = $.parseHTML($("textarea").val(), null, true);

接下来，我使用如下命令更改我的 txt 变量和 dom 元素:

$(txt).find("h1").text("demo");
$(txt).find("h2").text("demo h2");

更改 txt dom 后，我想将 txt 作为字符串放回文本区域，但似乎没有任何效果。我已经尝试过了:

$("textarea").val($(txt).html());

或

$("textarea").val(txt.html());

我也尝试过循环 dom:

$.each($(txt).get(),function(){
    v = $("textarea").val();
    $("textarea").val(v+$(this)[0].outerHTML);
});

但这并没有给出预期的结果，因为 body 标记之外的项目还没有翻译回来。

任何建议都将受到极大的重视

Answer 1

var txt = $('#textarea').val();
var html = $('<div class="wrap">'+txt+'</div>');
$('h1', html).text('is H1');
$('h2', html).text('is H2');
$('#textarea').val(html.html());`