Question

我有一大块html存储在一个变量中，该变量包含一个应该在函数时递增的变量。

似乎这是非常基本的，但无法弄清楚。

var x = 1,
    foo = '<p>This should count ' + x +'</p>';

$('#add').click(function () {
    $('#form-dynamic').append(form);
    x++;
});

Answer 1

首先，您的变量x不是存储在另一个变量中的变量。这是一个普通的JS变量。因此，只需更改x更改任何变量的方式。

var x = 1;        

$('#add').click(function () {
    $('#form-dynamic').append(form);
    foo = '<p>This should count ' + x +'</p>';
    x++;
});

Answer 2

您的变量是静态的。所以在任何时候，它都会显示相同的值。要获取最新值，请在每次单击时将其移动到事件处理程序中以重新执行并重新分配最新值：

var x = 1, foo;
$(function () {
  $('#add').click(function () {
    foo = '<p>This should count ' + x +'</p>';
    $('#form-dynamic').append(form);
    x++;
  });
});

并将count++更改为x++。

如何使用Javascript增加存储在变量中的变量？

2 个答案: