Question

我需要在同一个类的最后div之后插入一个form的克隆，其中包含div。但是如何清空所有表单字段？我有以下代码：

<span id="add">Add</span>
<div id="0" class="addr">
    <input type="text" name="a">
    <input type="text" name="b">
    <input type="text" name="c">
</div>
<script>
    jQuery(document).ready(function($){
        $('#add').on('click',function() {
            var id = $(".addr:last").attr('id');
            $(".addr:last").clone().attr('id', ++id).insertAfter(".addr:last");
        });
    });
</script>

Answer 1

var temp = $(".addr:last").clone()
temp = $(temp).(':input').val('');
$(temp).attr('id', ++id).insertAfter(".addr:last");

Answer 2

尝试使用$(".className").empty();

Remove all child nodes of the set of matched elements from the DOM

Answer 3

您可以使用以下内容清除DIV中的字段

$('.addr').find('input:text').val('');

Answer 4

不是克隆div，而是可以使用该div的html来追加它

$('#add').on('click', function () {
        var id = $(".addr:last").attr('id');
        var appendDiv = jQuery($(".addr:last")[0].outerHTML);
            appendDiv.attr('id', ++id).insertAfter(".addr:last");
    });

jQuery：克隆一个div并在顺序id的最后一个div之后插入它

4 个答案: