添加大小屬性來<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' 
    } 
}))