jquery：ブロックの追加制限

Question

<div id="more"> </div> 
    <a id="add">Add more</a> 

    <script>  
    var i=1; 
    do{ 
    $(function(){ 
    $("#add").click(function() { 
    $("#more").append("textblock"); 
    }); 
    }); 
    i++; 
    } while(i<=5); 
    </script> 

5回に達した後のテキストブロックの追加を停止するにはどうすればよいですか？ありがとう！

Answer 1

off()メソッドを使用して5に達した後にクリックイベントハンドラを削除します。 whileループはハンドラをバインドする意味がありませんが、5回はクリックすると5回追加されます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="more"></div> 
 
<a id="add">Add more</a> 
 

 
<script> 
 
    var i = 1; 
 
    $("#add").click(function() { 
 
    $("#more").append("textblock"); 
 
    if (i++ == 5) $("#add").off('click'); 
 
    }); 
 
</script>