Question

我正在尝试克隆div而没有它的值。到目前为止，我所尝试的所有内容都会复制价值。

这是我的jQuery函数

$('#add_more').click(function(){
  $('#div_to_clone).clone().insertBefore('#add_more').find('input').val('');
});

Answer 1

这似乎对我有用：

＆＃13;

$('#add_more').click(function() {
    $('#div_to_clone').clone().insertBefore('#add_more').find('input').val('');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<div id="div_to_clone">
  <input type="text" />
</div>
<a href="#" id="add_more">Add more</a>

＆＃13;

好吧，我建议您将id更改为class，因为id属性的值在整个页面中应该是唯一的。由于ID重复，您可能会在某些浏览器中遇到此问题。

＆＃13;

$('#add_more').click(function() {
  $('.div_to_clone:first').clone().insertBefore('#add_more').find('input').val('');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<div class="div_to_clone">
  <input type="text" />
</div>
<a href="#" id="add_more">Add more</a>

＆＃13;

Answer 2

假设您的html代码与此类似。

<div class="ContainerDiv">
<div id=ClonethisDiv><input class="InputTxtBox" type="text" /></div>
</div>
<a href="#">clone</a>

现在， $("body").on("click", "a", function() { $("#ClonethisDiv").clone().appendTo(".ContainerDiv").find(".InputTxtBox").val(""); });

因此，在点击时，锚标记u将能够获得Div的副本，ID ='ClonethisDiv'并附加到容器Div。在这里使用类'.InputTxtBox'克隆（复制）input元素时，将被清空并被复制。别担心！ TextBox已附加到容器Div的值不会更改。希望这会帮助你。

使用jQuery Clone函数克隆div

2 个答案: