jquery复制节点

使用 clone() 方法复制节点

jQuery 的 clone() 方法可以复制匹配的 DOM 元素及其子元素。默认情况下，它不会复制元素的事件处理程序和数据。
语法：

$(selector).clone([withDataAndEvents]);

示例：

// 复制一个元素（不包含事件和数据）
var $clonedElement = $('#original').clone();

// 复制元素并包含事件和数据
var $clonedElementWithEvents = $('#original').clone(true);

插入复制的节点到 DOM

复制后的节点需要插入到 DOM 中才能生效，可以使用 jQuery 的插入方法（如 append()、prepend()、after()、before() 等）。
示例：

// 复制并追加到容器末尾
$('#container').append($('#original').clone());

// 复制并插入到目标元素之前
$('#target').before($('#original').clone(true));

处理事件和数据

如果需要保留原始元素的事件处理程序和数据，需将 clone() 的参数设为 true。
示例：

// 绑定原始元素的事件
$('#original').on('click', function() {
    alert('Clicked!');
});

// 复制时保留事件
var $cloned = $('#original').clone(true);
$('#container').append($cloned); // 点击克隆元素也会触发事件

仅复制内容（不复制元素本身）

若仅需复制元素的内容而非元素本身，可结合 html() 方法。
示例：

var content = $('#original').html();
$('#target').html(content);