如何使用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())