添加大小属性来<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() + 
    "' height=\"42\" width=\"42\"/>" 
); 

Answer 2

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

在这部分你“打开和从高处第一=后关闭它。

Answer 3

在现实中你应该做这样说：

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