[ Jquery ] – jquery clone 複製div

在前端顯示的資料通常都是抓後端的資料然後再輸出成html格式作輸出，但有時候會遇到明明是同樣的東西只是單純要顯示在頁首頁尾；比較笨的方式就是頁首做一次，頁尾又做一次。另一種方式就是本篇的作法，只要頁首做一次頁尾透過 jquery clone 的方式，把頁首的內容複製一份到頁尾，這樣就不會消耗太多的後端資源。

[html] <div id="abc"><span>我是碼農</span></div> <div id="def"></div> [/html] [html] <script> $(document).ready(function(){ var $copy = $(‘#abc’).clone(); $(‘#def’).html($copy); } </script> [/html]

顯示結果：

我是碼農
我是碼農