[ 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]

顯示結果:

我是碼農
我是碼農

!去下營經續永站本助幫能就下一點輕輕,話的您到助幫有章文的我果如 如果我的文章有幫助到您的話,輕輕點一下就能幫助本站永續經營下去!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。