设置在需要变量时使用.before()添加元素的样式

时间:2017-10-10 16:36:11

标签: jquery html css

我正在使用jQuery函数.before()创建一个元素:

d.children().first().before("<div class='test-div'><span class='test-span'>" + text + "</span></div>")

我试图通过在类之后添加一个style ='left:10px'属性来设置跨度的样式,但是我需要将像素计数变为一个变量,所以它看起来像像这样:

"...style='"left" + leftOffset'..."

但是,由于.before()函数需要使用双引号(“”),因此无效。我尝试在.before()之后使用.style()但是我得到了:

Uncaught TypeError: d.children(...).first(...).before(...).style is not a function

我是否缺少解决方案,或者我是否需要以其他方式应用该风格?

其他人认为这是一个重复的问题,但链接的问题本质上是不同的。我不需要逃避单引号。基本上我需要在两组中使用第三组引号。

1 个答案:

答案 0 :(得分:1)

我不完全明白问题所在。

d.children().first().before("<div class='test-div'><span class='test-span' style='" + (left + leftOffset) + "'>" + text + "</span></div>")

应该可以正常工作。

相关问题