Question

我有一个带有html文件内容的textarea。 textarea内容包括我的整个html页面内容，包括doctype，head，html等。

现在，我想通过$ .parseHTML将textarea保存为dom vairable：

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);
});

但由于身体标签之外的物品尚未翻译，因此未能给出预期结果。

任何建议都应受到极大的关注

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

jquery dom对象为字符串

1 个答案: