是否可以在JQuery .html（）语句中添加JavaScript变量？

Question

有点奇怪的问题，但可以在JQuery .html语句的中间添加一个变量。

IE可以做类似的事情。

var x = 150;

$("#sandbox").html("<div id='toannimate" + x + "' style='width:100px;'></div>");

我想用我刚刚创建的新名称创建一个div。所以我会有一个循环，每次添加.html新的div id将是toannimate1，toannimate2，toannimate3等。

或者，如果我想定义该div的绝对位置，我可以将x pos设置为变量中的数字吗？

提前致谢。

Answer 1

是的，您的代码行完全有效。

Answer 2

您可以使用您使用的确切语法，或者您可以使用更详细的方法创建元素，然后将其设置为另一个的html ..

var x = 150;
var element = $('<div/>', {
        id:'toannimate' + x,
        width: '100px'
    });

$("#sandbox").html( element );

Answer 3

当然，你所拥有的将完美无缺。你可以像这样创建一个你想要的循环：

var x = 3;

for (var i = 1; i <= x; i++) {
    $("#sandbox").html("<div id='toannimate" + x + "' style='width:100px;' />");
}

给你toannimate1，toannimate2，toannimate3