jquery dom对象到字符串

Question

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

现在，我想通过 $.parseHTML 将 textarea 保存到一个 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，但似乎没有任何效果。我已经试过了：

$("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());`