Question

嗨，我是编程初学者，遇到问题。我克隆了一个表单，现在除了最后一个子元素（元素）之外我想要清空它。我尝试了以下但是没有用。

var originalform = $('form.defaultForm').last();  //this gets the form end.

var form_template = $('form.defaultForm').first(); //this gets the form that is then cloned

var newform = form_template.clone();  //this clones the form

newform.insertAfter(originalform);   //inserts the form after the original form

newform.addClass("mynewform");  //add class to new form

$('form.mynewform:not(:last)').empty();  //empty everything in the new form except the last child(element) this doesn't work

Answer 1

我不知道我是否清楚地了解你的问题以及你需要做什么，但这里有一些东西。

$("button").on("click", function(e){
  var $el = $('#to-clone').clone();
  $el.find("input:not(:last-child)").remove();
  $el.appendTo('#destination');
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="to-clone" style="border:1px solid;">
<input type="text" value="1"/>
<input type="text" value="2"/>
<input type="text" value="3"/>
<input type="text" value="4"/>
</form>
<button>clone</button>
<div id="destination" style="padding:10px;background:red;">
fff
</div>

对已动态创建的表单执行操作

1 个答案: