jquery - jQuery - 克隆并附加到文本区域

Question

我正在尝试克隆一个 div，然后我想在单击按钮时将其附加到文本区域。但是由于某种原因，当我单击按钮时，我看到：

[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() 并将 append 更改为 val()

所以请将您的代码更改为：

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