javascript - 如何在 .html() 方法中组合 HTML 标记和变量？

Question

我有一个代表文件名的变量，我打算将具有该文件名的 html 图像插入到 div 中，如下所示：

$("#s_premise_description").html("<img src="scenario/images/" + myVariable + " />");

除了显然不起作用，但它希望能解释我正在尝试做的事情。

我想一个简单的解决方法就是创建一个像这样的变量：

var imgURL = "<img src="scenario/images/" + myVariable + " />";

然后使用 imgURL 作为 .html() 的值，但我认为还有另一种方法，我的语法是错误的。

编辑：所以在刷新我的问题之前，我摆弄了一下，并尝试了单引号，它似乎正在工作。

现在一切似乎都在工作。有很多不同的方式来处理这里发布的报价，所以感谢大家的反馈。

Answer 1

您需要转义引号：

var imgURL = "<img src=\"scenario/images/" + myVariable + "\" />";

或者

var imgURL = '<img src="scenario/images/' + myVariable + '" />';

Answer 2

您必须在字符串中转义双引号，或使用单引号：

$("#s_premise_description").html("<img src=\"scenario/images/" + myVariable + "\" />");

或者：

$("#s_premise_description").html('<img src="scenario/images/' + myVariable + '" />');

Answer 3

你缺少引号，使用这个：

 $(target).html("<img src='scenario/images/" + myVariable + "' />");

它会起作用的。

Answer 4

你被你的报价缠住了：

$( "#s_premise_description" ).html("<img src="scenario/images/" + myVariable + " />");

应该是这样的：

$( "#s_premise_description" ).html("<img src='scenario/images/" + myVariable + "' />");

Answer 5

您需要像这样转义引号：

$("#s_premise_description").html("<img src=\"scenario/images/" + myVariable + "\" />");

或者你可以只使用单引号。

Answer 6

你应该这样做：

$("#s_premise_description").html("<img src='scenario/images/" + myVariable + "' />");
                                           ^                                  ^