如何在jquery .html中包含变量

Question

尝试在我的jquery中包含一个变量：

var width = $(this).width();
$("#dynamic").html(".dropdown-bottom:before{left:'width'px;}");

如何指示宽度是.html中的变量？

Answer 1

将字符串连接在一起：

var width = $(this).width();
$("#dynamic").html(".dropdown-bottom:before{left:" + width + "px;}");

要从宽度中减去，请在连接前执行此操作：

var width = $(this).width() - 20;

由于documentation表示width（）返回一个整数，因此这里应该使用一个简单的减法。这当然是假设这个实际上引用了正确的东西。

Answer 2

通过使用变量：

构建字符串

$("#dynamic").html(".dropdown-bottom:before{left:" + width + "px;}");

Answer 3

$("#dynamic").html(".dropdown-bottom:before{left:" + width + "px;}");