将大小属性添加到<img/>无法正常工作

Question

我有这段代码：

$("#myId").html(
    "<img src='" + 
    $(xml).find("picture").text() +
    "' height="42" width="42"></img>"
);

在添加'height="42" width="42"'文本之前，它可以正常工作。为什么是这样？你不能像这样添加尺寸属性吗？

Answer 1

实际上你应该这样做：

$("#myId").html($('<img/>', {
    src: $(xml).find("picture").text(),
    css: {
        height: '42px',
        width: '42px'
    }
}))

Answer 2

"' height="42" width="42"></img>"

在这部分中，您打开＆＃34;并在第一个=从高处开始关闭它。

Answer 3

您使用"打开字符串，因此字符串中包含的任何内容都必须使用\进行转义

$("#myId").html(
   "<img src='" + 
   $(xml).find("picture").text() +
   "' height=\"42\" width=\"42\"/>"
);