使用Javascript / jQuery將已經存在的元素添加到DOM

Question

我的DOM中有一個元素，帶有兩個子元素，一個div塊和一個按鈕。 當我單擊按鈕時，我想將同一div塊的新副本添加到parentNode。 這可能嗎？ 我現在在按鈕onclick呼叫中擁有的是：

document.getElementById("myele").appendChild(document.getElementById("myele").children[0])

但這只是將那個孩子移到了按鈕下面的children數組中，如果再次單擊，會將按鈕移回到div塊下面（這是因為現在children [0]是按鈕本身）。 我還嘗試將子節點分配給變量，然后附加該變量，但結果是相同的。

有沒有一種方法可以執行我要執行的操作而不必調用JS函數，該函數會重新創建整個div塊，然后將其追加？

編輯：從未使用過jQuery，我也嘗試過這樣做，但它似乎不起作用：

<script>
function addOne(){
    console.log('click')
    $('.valori:first-child').clone(true).appendTo($('.valori'))
}
</script>

然后onclick調用變為：

javascript: addOne()

控制台記錄“單擊”，但頁面中沒有任何更改。

Answer 1

假設我理解正確， cloneNode可能就是您想要的。

您可以克隆元素，然后將克隆附加到父節點。