javascript - 如何确保最后一个表单不被删除？

Question

我有一个简单的设置，其中一系列表单都有一个“+”和“-”按钮，可让您添加和删除(即复制或删除)表单。如何确保最后一个表单永远不会被删除？

- + 
<form>
stuff
</form>

例如，如果有人按“+”按钮 3 次，实际上就会有 4 个表单。我怎样才能阻止他们删除第一个，即总是剩下一个？

这是“减号”函数的 jQuery:

$(function() {
$('.removeCreative').click(function() {
    $('#creative').find('form:last').remove();
});
});

是否像这样简单:

if ( $("#creative").length > 0 ) {
//do something
}

提前致谢。

Answer 1

你就快到了...

$(function() {

    $('.removeCreative').click(function() {
        if($("#creative").children("form").length > 1){
            $('#creative').find('form:last').remove();
        }
    });

});

您可以使用 JQuery 中的 children() 方法来获取给定元素内的所有子元素 - 然后您可以使用 length 对其进行计数，并且仅在满足以下条件时才允许删除有不止一个。如果您的 #creative div 具有与 form 不同类型的元素，请确保传递“form”选择器作为第一个 children() 参数，这样您就能获得正确的长度值>