如何使用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中的背景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中)的更多信息