jquery - 如何使用jquery将变量传递给分配给元素的html

Question

我正在尝试做这样的事情：

$('#player-container').html('<div id="film-player" class="flowplayer play-button is-splash"  style="background:#777 url(myVariable) no-repeat;">');

html 没有显示，因为它不在此处的代码块中。基本上我试图在我动态分配给元素的html中嵌套一个像这样的变量：style equals background url(myVariable)。

Answer 1

由于您使用单引号开始字符串，因此您'再次使用+并像这样连接：
url(' + myVariable + ').

所以你的代码应该是：

$('#player-container').html('<div id="film-player" class="flowplayer play-button is-splash"   style="background:#777 url('+myVariable+') no-repeat;">');

MDN上有关连接运算符（在 javascript 中）的更多信息