jquery - How do I include a variable in jquery .html

Question

Trying to include a variable in my jquery:

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

How do I indicate that width is a variable in the .html?

Answer 1

将字符串连接在一起：

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

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

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

由于文档表明 width() 返回一个整数，因此在这里应该进行简单的减法。这当然是假设这实际上是在引用正确的东西。

Answer 2

通过使用变量构建字符串：

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

Answer 3

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