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

前端之家收集整理的这篇文章主要介绍了javascript – 删除第一组字段上的删除按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
http://jsfiddle.net/NzbRQ/2/

我允许用户添加多行字段,但我不希望在第一行字段中包含删除链接,因此它们无法删除所有字段.

另外,如何将其限制为仅3行字段?

解决方法

试试这个小提琴: Fiddle

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

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

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

$('.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,或者如果您是1.7之前的版本,请使用delegate.

猜你在找的JavaScript相关文章