鍍金池/ 問答/HTML/ 新增區(qū)塊,內(nèi)容顯示的數(shù)字增加 該怎么做

新增區(qū)塊,內(nèi)容顯示的數(shù)字增加 該怎么做

要做的功能是

一開始只有一個區(qū)塊 內(nèi)容顯示1

然后按了新增按鈕后會新增相同區(qū)塊 并且區(qū)塊內(nèi)容顯示的數(shù)字會跟著增加 變2

再新增一樣繼續(xù)增加 3、4、5......

遇到的問題是 新增區(qū)塊后 不知道怎么讓區(qū)塊內(nèi)顯示的數(shù)字增加 請大神們幫我看看該怎么改

源碼:

$(".container").on('click', '.addNewBlock', function(e) {
    var content = [];
   
    //這是顯示的數(shù)字
    var num = 1 ;
  
    content.push('<div>'+num+'</div>')
    $(this).parents('.container').append(content.join(""));
  
});
回答
編輯回答
憶當(dāng)年
$(".container").on('click', '.addNewBlock', function(e) {
    var content = [];
    content.push('<div>'+(content.length+1)+'</div>')
    $(this).parents('.container').append(content.join(""));
  
});
2018年9月20日 19:45
編輯回答
愛是癌
var num = 1 ;
$(".container").on('click', '.addNewBlock', function(e) {
    var content = [];
   
    //這是顯示的數(shù)字
    num +=1;
  
    content.push('<div>'+num+'</div>')
    $(this).parents('.container').append(content.join(""));
  
});

2017年4月30日 03:47