Javascript 在jQuery中添加和删除克隆？

我已经设法让我的添加克隆按钮工作，但我现在有麻烦让删除按钮工作。想知道人们是否能看到这个问题，我猜我完全错了

这是JSFIDLE中的代码

20儿童详情
姓氏

给定名称

性别

出生日期

出生国
$（“#添加子项”）。单击（函数（）{
var newElement=$（''）.html（$（“#问题20”）.html（）；
newElement.addClass（'input'）；
$（“#问题20”）。在（新元素）之后；
}); 
$（“#删除子项”）。单击（函数（）{
如果（childId>0）childId--；
$（“#child”+childId）.slideUp（）；
if（$（“#deleteChild”）.css（“display”）=“none”）$（“#deleteChild”）.slideUp（）；
});

$（“#添加子项”）。单击（函数（）{
$（“.question20:last”）。之后（$（“.question20:first”）。克隆（true））；
});
$（“#删除子项”）。单击（函数（）{
如果（$（“.question20”）.length！=1）
$（“.question20:last”）.remove（）；
});
//而且div得到的是类而不是id，因为克隆具有相同id的div是不好的

$（“#添加子项”）。单击（函数（）{
$（“.question20:last”）。之后（$（“.question20:first”）。克隆（true））；
});
$（“#删除子项”）。单击（函数（）{
如果（$（“.question20”）.length！=1）
$（“.question20:last”）.remove（）；
});
//而且div得到的是类而不是id，因为克隆具有相同id的div是不好的

试试这个

20儿童详情

姓

姓名

性

出生日期

出生国

jQuery代码

    $("#addChild").click(function(){
    var newElement =$('<div/>').html($("#question20").html());
    newElement.addClass('input');
    $("#question20").after(newElement);
});

$('#removeChild').click(function(){
    $(this).parent().remove();
});

$（“#添加子项”）。单击（函数（）{
var newElement=$（''）.html（$（“#问题20”）.html（）；
newElement.addClass（'input'）；
$（“#问题20”）。在（新元素）之后；
});
$（'#removeChild'）。单击（函数（）{
$（this.parent（）.remove（）；
});

试试这个

20儿童详情

姓

姓名

性

出生日期

出生国

jQuery代码

    $("#addChild").click(function(){
    var newElement =$('<div/>').html($("#question20").html());
    newElement.addClass('input');
    $("#question20").after(newElement);
});

$('#removeChild').click(function(){
    $(this).parent().remove();
});

$（“#添加子项”）。单击（函数（）{
var newElement=$（''）.html（$（“#问题20”）.html（）；
newElement.addClass（'input'）；
$（“#问题20”）。在（新元素）之后；
});
$（'#removeChild'）。单击（函数（）{
$（this.parent（）.remove（）；
});

更新代码发布人

因为它删除了所有div元素。修改了它，但没有删除原始表单元素

$("#addChild").click(function () {
    $(".question20:last").after($(".question20:first").clone(true));
});


$("#deleteChild").click(function () {
    if ($('.question20').length > 1) {
        $(".question20:last").remove();
    }
});

更新代码发布人

因为它删除了所有div元素。修改了它，但没有删除原始表单元素

$("#addChild").click(function () {
    $(".question20:last").after($(".question20:first").clone(true));
});


$("#deleteChild").click(function () {
    if ($('.question20').length > 1) {
        $(".question20:last").remove();
    }
});

这可能有用

$("#deleteChild").click(function() {
    $('#question20').parent().children('.input:last').remove();
});

但是，在插入新行的位置会出现问题。在

问题20

之后插入新行，这些行将显示在现有行之前。remove方法将删除最后一个，因此可能不是您想要的行为。

这可能有效

$("#deleteChild").click(function() {
    $('#question20').parent().children('.input:last').remove();
});

但是，在插入新行的位置会出现问题。在

问题20

之后插入新行，这些行将显示在现有行之前。remove方法将删除最后一个，因此可能不是您想要的行为。

以下是JSFIDLE链接：

添加删除按钮

<div id="removeChild">
                <input type="button" value="Remove Child Info"> 
            </div>

$（'div.input'）.get（$（this.length）.remove（）； });

您需要更改按钮div class

这里是JSFIDLE链接：

添加删除按钮

<div id="removeChild">
                <input type="button" value="Remove Child Info"> 
            </div>

$（'div.input'）.get（$（this.length）.remove（）； });

您需要更改按钮div class

试试这个答案

$("#addChild").click(function () {
            var newElement = $('<div id="childdiv"/>').html($("#question20").html());
            newElement.addClass('input');
            $("#question20").after(newElement);
            childId++;
        });
        $("#deleteChild").click(function () {
            var div = document.getElementById('childdiv');
            if (div) {
                div.parentNode.removeChild(div);
            }

        });

$（“#添加子项”）。单击（函数（）{
var newElement=$（''）.html（$（“#问题20”）.html（）；
newElement.addClass（'input'）；
$（“#问题20”）。在（新元素）之后；
childId++；
});
$（“#删除子项”）。单击（函数（）{
var div=document.getElementById（'childdiv'）；
如有需要（分区）{
div.parentNode.removeChild（div）；
}
});

试试这个答案

$("#addChild").click(function () {
            var newElement = $('<div id="childdiv"/>').html($("#question20").html());
            newElement.addClass('input');
            $("#question20").after(newElement);
            childId++;
        });
        $("#deleteChild").click(function () {
            var div = document.getElementById('childdiv');
            if (div) {
                div.parentNode.removeChild(div);
            }

        });

$（“#添加子项”）。单击（函数（）{
var newElement=$（''）.html（$（“#问题20”）.html（）；
newElement.addClass（'input'）；
$（“#问题20”）。在（新元素）之后；
childId++；
});
$（“#删除子项”）。单击（函数（）{
var div=document.getElementById（'childdiv'）；
如有需要（分区）{
div.parentNode.removeChild（div）；
}
});

要删除最后一个div吗？添加按钮添加问题20 div，然后我希望能够删除刚才添加的div。要删除最后一个div吗？添加按钮添加问题20 div，然后我希望能够删除