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并将其附加到textarea

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