jquery - 克隆 html 元素不继承它的属性

Question

我正在克隆一个选择/组合框，但我不想克隆它的值或属性或行为，只是一个具有相同选项的空组合框。

正在发生的事情是它也在克隆价值。

你能给我看一个小例子吗？

我正在使用 jQuery。

我知道您可能会询问我的代码，但在这里展示它有点长，因为我使用的是一个适用于表格和克隆行的 3rd 方插件。

Answer 1

您可以将克隆的选定值设置为select原始值select：

var selected = $(this).find(':selected').val(),
    clone = $(this).clone().appendTo('body');
$(clone).val(selected);

这是一个粗略的JSFiddle 示例。

但是，您可能希望在设置所选值.appendTo() 后$(clone).appendTo(...);调用 ( )。

编辑：似乎我可能误读了您的问题。Chrome不会复制clone. _ 要取消设置值，您只需：

$(clone).val(null);

Answer 2

您可以使用$(element).clone();

小例子可能是：

<div id="lol">lol</div>

$(function(){
$('#lol').append($('#lol').clone());
});

如果您只想克隆 html 标签，请执行以下操作：

<div id="lol">lol</div>

    $(function(){
    $('#lol').append($('#lol').clone().html("").text(""));
    });