jquery 克隆

jQuery 克隆元素的方法

使用 jQuery 的 .clone() 方法可以复制 DOM 元素。该方法允许复制元素及其子元素，同时支持是否复制元素的事件处理程序和数据。

基本语法

$(selector).clone([withDataAndEvents][, deepWithDataAndEvents])

• withDataAndEvents（可选）：布尔值，默认为 false。设为 true 时，克隆元素的事件处理程序和数据。
• deepWithDataAndEvents（可选）：布尔值，默认为 withDataAndEvents 的值。设为 true 时，克隆元素的所有子元素的事件处理程序和数据。

示例代码

克隆元素但不复制事件和数据：

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

克隆元素并复制事件和数据：

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

注意事项

• 克隆的元素会保留原始元素的 ID，可能导致 ID 重复。通常需要在克隆后手动修改 ID：

  var $clonedElement = $('#originalElement').clone();
  $clonedElement.attr('id', 'newId');

• 如果克隆的表单元素（如输入框），其值也会被复制。
• 克隆的元素默认不会自动插入到 DOM 中，需手动调用 .append()、.prepend() 等方法插入目标位置。