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次。

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;