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

<div id="abc"><span>我是碼農</span></div>
<div id="def"></div>

<script>
$(document).ready(function(){
	var $copy = $('#abc').clone();
  	$('#def').html($copy);
}
</script>

顯示結果:

我是碼農
我是碼農

喜歡我的文章嗎?歡迎按讚加分享/留言交流,或是點擊下方廣告讚助我喝一杯咖啡吧 ^_^ ⇩⇩⇩

Leave a comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *