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

How to increment variable that is stored in variable with Javascript?

本文关键字:变量 存储 何使用 Javascript 增加      更新时间:2023-09-26

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

看起来这是很基本的,但无法理解。

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

首先,您的变量x不是存储在另一个变量中的变量。它是一个普通的JS变量。所以,只要像更改任何变量一样更改x

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

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

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

并将count++更改为x++