jQuery append() 向多個同級元素追加內容：變量引用導致內容移動而非複製

現象

用同一個 jQuery 對象變量 $el append 到多個兄弟節點，結果只有最後一個節點獲得內容，前面的變空。

原因

append() 會將元素從原位置**移動**到目標位置 (DOM 節點唯一)。多次 append 同一對象實際是反覆移動。

解決：使用 .clone()

var $el = $("內容");
$(".target").each(function() {
    $(this).append($el.clone(true)); // true 表示複製事件綁定
});

驗證

修正後每個 .target 都擁有獨立的 內容 副本。