jQuery的克隆HTML元素texteara

Question

<ins id="widget" 
    style="" 
    data-lang="fr" 
    data-city-id="669" 
    data-font-color="000000" 
    data-background-color="ffffff" 
    data-border-color="c0c0c0" 
    data-datetime-color="000000" 
    data-input-background="ffffff" 
    data-next-background="d8d8d8"> 
</ins> 
<textarea id="the-code"></textarea> 
<button type="button" id="get-code">Get the code</button> 

我試着去移民局元素用jQuery

$("#get-code").on("click", function() { 
    var clone = $("#widget").clone(); 
    $("#the-code").val(clone); 
}); 

在textarea的克隆的內容回報[object Object]而不是HTML代碼< ins >

例克隆到的textarea ：FIDDLE

Answer 1

有沒有必要克隆元件只是得到了outerHTML dom對象的屬性。

$("#get-code").on("click", function() { 
 
    $("#the-code").val($("#widget")[0].outerHTML); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ins id="widget" style="" data-lang="fr" data-city-id="669" data-font-color="000000" data-background-color="ffffff" data-border-color="c0c0c0" data-datetime-color="000000" data-input-background="ffffff" data-next-background="d8d8d8"> 
 
    </ins> 
 
<textarea id="the-code"></textarea> 
 
<button type="button" id="get-code">Get the code</button>