【问题标题】：Cross-browser jQuery DOM manipulation跨浏览器的 jQuery DOM 操作
【发布时间】：2009-02-11 03:48:27
【问题描述】：
我正在使用这个 jQuery sn-p
$("a").html("<img> alt='example' src='example.jpg> </img>")
在a 标签内动态添加img 标签。 （注意，src='example,jpg 没有单引号）。
在Firefox中，img标签出现了，但是在IE和opera中img标签没有出现，所以我花了2个小时试图找出原因？然后终于发现了“关闭单引号问题”。
是否有任何工具可以防止此类错误？
【问题讨论】：
标签：
jquery
html
debugging
【解决方案1】：
我认为你的一些 sn-p 被吃掉了，否则它不会做任何事情。考虑到这是动态代码，唯一能够发现此类错误的工具是一些支持 javascript 的验证器。
避免此错误的一种方法是使用 jQuery 设置 src 属性：
var img = $("<img>");
img.src = "example.jpg";
$("a").append(img);
这样，您的文本编辑器可能会发现不匹配的情况，否则在评估 JS 时会出现错误。
【讨论】：
-
哇，我不知道 $("![]()
") 可以创建一个新的“img”标签。非常感谢