javascript - 如何使用 jQuery .append() 附加图像？

Question

我可以将一个字符串附加到我的表中以显示状态

$('#test').empty().append("on")

但如果我可以显示图像而不是字符串会更好。我试过这个：

$('#test').empty().append(<img src="/static/on.png" height="64px" width="64px">)

但它不起作用。我该怎么做？

Answer 1

缺少引号：

$('#test').empty().append('<img src="/static/on.png" height="64px" width="64px">');

由于您正在清空和附加项目。你可以这样做。.html将用图像项替换选择器的全部内容。稍后如果你想附加到这个 div 你可以做.append(...);

$('#test').html('<img src="/static/on.png" height="64px" width="64px">');

如果您打算empty添加图像，那么.html()是最适合您的方法。

请参阅 .html() 的参考

Answer 2

尝试

$('<img />', {
    src: 'test.png',
    width: '200px',
    height: '100px'
}).appendTo($('#empty').empty())

Answer 3

您需要将要附加引号的 HTML 括起来：

$('#test').empty().append('<img src="/static/on.png" height="64px" width="64px">');

我在这里使用了单引号，因为你已经在 HTML 中有双引号，所以如果你使用双引号来包围它，它们会转义字符串。