javascript - 为什么变量不计数？

Question

为什么 var newid 里面的 var idnumber 没有往上数？

var idnumber = 1;
var newid = "box-"+idnumber;
var newbox = "<div id='" + newid + "' class='box'></div>";
$( document ).ready(function() {
    $('#add').click(function(){
        idnumber++;
        console.log(idnumber+" "+newid+" "+newbox);
    });
});

有关示例，请参阅:http://jsfiddle.net/vincentweltje/jx08mwe7/

Answer 1

那是因为你设置了

   var newid = "box-"+idnumber;
   var newbox = "<div id='" + newid + "' class='box'></div>";

一次，如果您第二次点击，您的变量将不会计数。

您应该像这样将 2 个变量放入您的 .click 函数中:

$('#add').click(function(){
    idnumber++;
    var newid = "box-"+idnumber;
    var newbox = "<div id='" + newid + "' class='box'></div>";
    console.log(idnumber+" "+newid+" "+newbox);
});