javascript - 删除第一组字段上的删除按钮

Question

http://jsfiddle.net/NzbRQ/2/

我允许用户添加多行字段，但我不想在第一行字段上包含删除链接，因此他们无法删除所有字段。

另外，如何将其限制为只有 3 行字段？

Answer 1

试试这个 fiddle :Fiddle

对于在第一行隐藏删除的第一部分，我在页面加载时调用了以下内容:

$(".removeoutcome").hide();

然后为了确保他们不能添加超过 3 个或删除最后一个，我在您的 click 方法中添加了长度检查，请参阅:

$('.addoutcome').live('click', function() {
    if ($(".outcomegroup").length < 3) {
        $('#template').clone().removeAttr('id').insertAfter($(this).closest('.outcomegroup')).find('.minus').show();
        renumber();
    }
});

$('.removeoutcome').live('click', function() {
    if ($(".outcomegroup").length > 1) {
        $(this).closest('.outcomegroup').remove();
        renumber()
    }
});

此外，请注意，live 现在已弃用，因此如果您使用的是 jQuery 1.7，请将这些方法更改为 on或者如果你是 pre-1.7，使用 delegate .