jquery - jqueryオブジェクトのコードをテキストエリアに移動するにはどうすればよいですか?

Question

ユーザーがそのコンテンツを簡単にコピーできるように、オブジェクト (バナー) を文字列としてテキストエリアに移動する方法を探しています。

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

この2行で解決しようとしています。最初の結果は文字列になり、2 番目は文字列をテキストエリアに追加する必要があります。残念ながら追加されません。

奇妙なのは、両方の行自体が期待どおりの動作をすることです。最初は、オブジェクトを変数に文字列としてロードします。object_string を文字列に置き換えると、2 番目はテキストエリアにテキストを追加します。

ヒントをありがとう！マーカス

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