jquery 复制

jQuery 复制元素或内容的方法

使用 jQuery 复制 DOM 元素或内容可以通过多种方式实现，以下是几种常见的方法：

克隆元素

使用 .clone() 方法可以复制一个元素及其所有子元素和事件处理程序（可选）。语法如下：

var clonedElement = $('#originalElement').clone(true);

参数 true 表示同时复制事件处理程序，默认为 false。

复制文本内容

使用 .text() 或 .html() 方法可以获取元素的文本或 HTML 内容，并将其赋值给其他元素：

var textContent = $('#sourceElement').text();
$('#targetElement').text(textContent);

或复制 HTML：

var htmlContent = $('#sourceElement').html();
$('#targetElement').html(htmlContent);

复制到剪贴板

若需要将内容复制到用户的剪贴板，可以结合 document.execCommand 或现代 Clipboard API：

$('#copyButton').click(function() {
  var copyText = $('#textToCopy').text();
  navigator.clipboard.writeText(copyText).then(function() {
    alert('Copied to clipboard');
  });
});

动态复制并插入元素

通过克隆和插入操作，可以在 DOM 中动态复制元素：

var clonedElement = $('#template').clone();
clonedElement.removeAttr('id');
$('#container').append(clonedElement);

注意事项

• 克隆元素时需注意 ID 的唯一性，避免重复 ID。
• 剪贴板操作需在用户交互事件（如点击）中触发，否则可能因浏览器安全策略失败。