Question

我为我的字段添加了一个添加和删除按钮，然后单击“删除”按钮删除一行，它将删除它们；但是当我没有行并单击“删除”按钮时，它同时删除了添加和删除按钮。

在没有要删除的行的情况下，我试图将两个按钮都保留在那里，并且在没有要删除的行的情况下，您将无法单击删除按钮。

         <div style="width:650px; margin-bottom: 35px;" id="dvMaterials">
                <div id="dvMatsBtn" style="position: absolute; bottom: -35px; right: 50px;">
                    <button style="background-color: orange;" class="btn btn-default" type="button" id="Add1">Add Material</button>
                    <button style="background-color: red; color: white;" type="button" class="btn btn-default" id="Remove1">Remove Material</button>
                </div>
            </div>






function btnAddOnClickEvents() {
$("#Add1").on("click", function () {
    $("#dvMaterials").append($('#dvMaterialsClone').clone().removeAttr('id').show());
});
$("#Remove1").on("click", function () {
    $("#dvMaterials").children().last().remove();
});}

Answer 1

function addEquipRow() {
    $('#dvEquip').append(
        $('#dvEquipClone').clone()
            .removeAttr('id')
            //add a common class to the rows you want to remove
            .addClass('equipRow')
            .show()
    );
}

function removeEquipRow() {
    //only remove the last equipRow
    $('#dvEquip .equipRow').last().remove();
}

通过添加/删除按钮使用不在孩子身上的课程，这样可以避免删除按钮。

我的添加和删除按钮消失了

1 个答案: