javascript - 如果只有一个 div 则禁用按钮

Question

我有两个按钮。一种是克隆 div(按钮添加)，另一种是删除 div(按钮删除)。

当我只有一个 div 时，我想禁用删除按钮。

因此对于多个 div，它看起来像这样:

<button type="button" class="btn btn-default btn-lg button-add">+1</button>
<button type="button" class="btn btn-default btn-lg button-remove">-1</button>
<div class="copybox"></div>
<div class="copybox"></div>
<div class="copybox"></div>

...当只有一个 div 时，我希望它看起来像这样:

<button type="button" class="btn btn-default btn-lg button-remove" disabled>-1</button>
<div class="copybox"></div>

我使用 jQuery 1.11.3

Answer 1

给你。希望这是您所需要的。

$('.btn').on('click',function(){
  if($(this).text()=="+1")
  {
    $('.button-remove').prop('disabled',false);
    $('div.copybox:first').clone().appendTo('body');
  }
  else
  {
     $('div.copybox:last').remove();       
  }
  $('div.copybox').length==1?$(this).prop('disabled',true):$(this).prop('disabled',false)
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="button" class="btn btn-default btn-lg button-add">+1</button>
<button type="button" class="btn btn-default btn-lg button-remove">-1</button>
<div class="copybox">Copy</div>
<div class="copybox">Copy</div>
<div class="copybox">Copy</div>