jquery - jquery 如何将对象的代码移动到文本区域？

Question

我正在寻找一种将对象（横幅）作为字符串移动到文本区域的方法，以便用户可以轻松复制其内容：

var object_sting = $('<div>').append($('#customized_banner').clone()).remove().html();
$('#customized_banner_code').attr("innerHTML", object_sting);

我试图用这两行来解决它。第一个结果是一个字符串，第二个应该将字符串添加到 textarea 中。不幸的是，它没有添加它。

奇怪的是，两条线本身都在做他们所期望的事情。第一个确实将变量中的对象作为字符串加载。如果我用字符串替换 object_string，第二个确实会在 textarea 中添加文本。

谢谢你的提示！马库斯

Answer 1

您正在将 HTML 代码添加为文本区域内的代码。尝试将其添加为文本：

var object_sting = $('<div>').append($('#customized_banner').clone()).remove().html();
$('#customized_banner_code').val(object_sting);

Answer 2

你可以试试：

$('#customized_banner_code').val(object_sting);

甚至

$('#customized_banner_code').val(escape(object_sting));

Answer 3

看起来您在获取字符串之前删除了整个内容。做这个：

var div = $('<div>').append($('#customized_banner').clone());
var object_sting = div.html();
div.remove();
$('#customized_banner_code').val( object_sting );