クローンdivを最初に作成すると、ユーザーが6回以上複製を停止する

Question

既存のdivにクローンdivを作成しようとしています。クローンが動作していることを確認し、ボタンをクリックしてdivを複製できるようにします。今私は、ユーザーが唯一の唯一の6回のdivまでのクローンを作成することが許可されている検証および表示可能ならばのメッセージ「あなたが追加することはできませんもうアイテム」になりたいものを

<div id ="specdiv "> 
     <fieldset class="fieldset"> 
       <legend class="legend">Question Specification</legend> 
       <div class="editor-label"> 
      @Html.LabelFor(model => model.OfferedAnswer) 
     </div> 
      <div class ="answerchoice1" id=""> 
     <div class="editor-field"> 
      @Html.TextAreaFor(model => model.OfferedAnswer.AnswerText) 




     </div> 
       </div> 

      </fieldset> 


    </div> 
<button id="quesId" class="mini-button" type =" button">+</button> 

$(document).ready(function() { 
    $('button').click(function() { 
     //$('.answerchoice1').before($('.answerchoice1').clone()) 
     var $target = $('.answerchoice1').find('div.editor-field:first'); 
     $target.clone().appendTo('.answerchoice1'); 
     var tID = $(this).attr(".answerchoice1").split(/ _/); 
     //console.log($('.example-1').html()); 
    }) 

}) 

Answer 1

ような何か

$(document).ready(function() { 
    $('button').click(function() { 
     if($('.editor-field').length >= 6){ 
     alert('No more than 6!'); 
     return false; 
     } 
     //$('.answerchoice1').before($('.answerchoice1').clone()) 
     var $target = $('.answerchoice1').find('div.editor-field:first'); 
     $target.clone().appendTo('.answerchoice1'); 
     var tID = $(this).attr(".answerchoice1").split(/ _/); 
     //console.log($('.example-1').html()); 
    }) 

}) 

の作業フィドル：これはあなたが後にしているものです https://jsfiddle.net/on3kj4hp/

はそれが役に立てば幸い！