html id递增,javascript - JS元素ID递增

巴扎黑2017-04-11 10:09:024楼

html

点击我

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

"+ count +"

" + 'blk'+count;

$('.content').append(iHtml);

}

})(1)

$('.btn').click(add);

})

点击预览