JS元素ID递增

html

<div class="content"></div> 
<span class="btn">点击我</span>
css

html, body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
}

.content{
  height: 60%;
  background: #00796B;
  overflow: scroll;
}

.blk{
  height: 20px;
  line-height: 20px;
  background-color: #B2DFDB;
}

.btn{
  display: inline-block;
  width: 70px;
  height: 30px;
  border-radius: 4px;
  background: #009688;
  line-height: 30px;
  margin-top: 30px;
  cursor: pointer;
}
js

全选复制放进笔记$(function(){
  var add = (function(start){
    var count = start;
    var iHtml = '';
    
    return function(){
      iHtml = "<div class='blk' id="+'blk' + (count++) + ">"+ count +"</div>" + 'blk'+count;
      
      $('.content').append(iHtml);
    }
  })(1)
  
  $('.btn').click(add);
})