javascript - 按钮放置(添加一组字段，当多于一个字段时启用禁用按钮)

Question

如果只有一个重复字段集，我需要确保仅显示一个加号按钮来添加重复字段集，但在创建重复字段后添加删除按钮，我知道如何通过向创建了每个重复的字段集，但我似乎无法让它工作，任何建议或指向正确的方向都会很棒。

下面是当前的代码，单击按钮后将复制字段集:

       $('body').on("click ", '.glyphicon-plus-sign', function() {
        console.log("here ");
        prevInput = $(this);
        count = $(prevInput).attr('data-count=')||0;
        countIncremented = count++;
        br = '<br/><br/>';                  
        $($(this).parent()).clone().insertAfter($(this).parent());

我知道我需要以如下方式为每个字段集分配一个值:

newNum  = new Number(num + 1),      
        newElem = $('#entry' + num).clone().attr('id', 'entry' + newNum);

但无法让它工作或重构它以使其适用于我自己的应用程序。

JSFiddle 链接:Fiddle Link

Answer 1

您始终可以使用 if 语句:

if ($('legend').length < n) { // n being whatever your base number of legends should be
 $('.glyphicon-minus-sign').css({ visibility: 'hidden'});
} else {
 $('.glyphicon-minus-sign').css({ visibility: 'visible'})
}

记住，jQuery 选择器返回与选择器匹配的元素数组。