jQuery-克隆并追加到textarea

Question

我试图克隆一个div，然后在单击按钮时将其附加到textarea上。 但是由于某些原因，当我单击按钮时，我看到：

[object Object]

这是我的代码：

$('#save').click(function(e){
    e.preventDefault();
    var new_layout = $("#layout-builder").clone();
    jQuery('#for-save').append(new_layout); // also tried val()
});

请告诉我如何克隆div并将其附加到文本区域

Answer 1

使用.html()

jQuery('#for-save').append(new_layout.html());

或追加outerHtml

jQuery('#for-save').append(new_layout[0].outerHTML);

Answer 2

使用clone（）时，无法将其复制到文本区域。 这个更详细的clone（）并更改附加到val（）

因此，请将您的代码更改为：

$('#save').click(function(e){
  e.preventDefault();
  var new_layout = $("#layout-builder").html();
  jQuery('#for-save').val(new_layout);
});