我可以在jQuery中使用insertAfter（）添加<img/>标记吗？

Question

我可以在jQuery中使用<img>添加insertAfter标记吗？

$("<img src="/static/img/icinfo.png"/>").insertAfter('#id_input_field');

似乎行不通。

Answer 1

这不起作用，因为您在第一个选择器上使用引号内的引号。

$("<img src="/static/img/icinfo.png"/>")

尝试使用单引号和双引号的组合：

$("<img src='/static/img/icinfo.png'/>")

这里我在外部字符串（实际的jQuery选择器）上使用了双引号，在内部src属性值上使用了单引号。你也可以反过来使用它们：在外面单一，在内部加倍。

引号告诉JavaScript什么是字符串，什么不是。您拥有的代码会打开一个包含"的字符串，然后在您定义src属性时将其关闭。

---

您可以通过突出显示语法来清楚地看到这一点 - 即使在Stack Overflow上也是如此。看看文字的颜色如何变化？标记为红色的文本被识别为字符串，其余的不是。

Answer 2

您的引号"'放错地方了，您可以使用单引号

$('<img src="/static/img/icinfo.png"/>').insertAfter('#id_input_field');

Answer 3

您的代码没问题，但没有正确引用，请考虑一下：

$('<img src="/path/to/image.jpg">').insertAfter("#id_input_field");

替代方案（创建标签）：

var img = $('<img/>').attr('src', '/path/to/image.jpg');

img.insertAfter("#id_input_field");

Answer 4

试试这个

$("<img src='/static/img/icinfo.png'/>")

Answer 5

$('<img src="/static/img/icinfo.png"/>').insertAfter('#id_input_field');

以这种方式试试。可以工作