javascript - 如何在 Javascript 字符串中递增变量

Question

基本上，我有一个 .each迭代某些数据的循环，对于数据集中的每个项目，它将一个跨度类附加到 DOM .

$('.selected_cont').append('<span class="' + classes + '"></span>');

Classes 只是上面的变量 ive Creative，它保存我迭代的数据的名称。

因此，在迭代数据之后，我可以得到 5, 10 span DOM 上的标签都有不同的类名。

我的问题是，我没有添加 span标签按照它们在数据中的顺序排列，因此迭代的最新标签将是第一个。

所以我创建了一个变量

var 增量Ele = 1;

如何将此变量添加到我的字符串 $('.selected_cont').append('<span class="' + classes + '"></span>'); 中所以每个class有类似于theClassName1的东西, theClassName2等等。

当我尝试时出现此错误 $('.selected_cont').append('<span class="' + classes + + var incrementalEle++ + '"></span>');

Answer 1

当您使用 jQuery 创建元素时，请使用 .addClass() 方法设置类。

$('.selected_emoji').append($('<span />').addClass(classes + incrementalEle++ ));

或者，在使用字符串连接时正确使用运算符

$('.selected_emoji').append('<span class="' + classes + incrementalEle++ + '"></span>')