如何使用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中有双引号，所以如果你使用双打来包围它们，它们将转义字符串。