jquery复制

使用 jQuery 复制元素或内容

克隆元素
使用 clone() 方法复制一个 DOM 元素及其子元素。默认情况下不会复制事件处理程序，但可以通过传递 true 参数实现深度克隆（包括事件）。

// 浅克隆（不复制事件）
var clonedElement = $('#targetElement').clone();

// 深克隆（复制事件）
var clonedWithEvents = $('#targetElement').clone(true);

复制文本或 HTML 内容
通过 text() 或 html() 获取内容，再赋值到目标位置。

// 复制文本
var textContent = $('#sourceElement').text();
$('#destinationElement').text(textContent);

// 复制 HTML
var htmlContent = $('#sourceElement').html();
$('#destinationElement').html(htmlContent);

复制表单输入值
使用 val() 获取输入框的值并赋值到其他输入框。

var inputValue = $('#sourceInput').val();
$('#destinationInput').val(inputValue);

注意事项

• 克隆的元素默认不会自动插入到 DOM 中，需通过 appendTo、insertAfter 等方法放置。
• 深克隆可能影响性能，尤其是处理大型 DOM 结构时。
• 复制表单值时，确保目标元素存在且类型匹配（如 input 与 textarea）。

示例：动态复制列表项

$('#copyButton').click(function() {
    var originalItem = $('#list li:first').clone();
    originalItem.appendTo('#list');
});