jquery - 克隆背景图像并在文件名中添加括号

Question

我有一个背景图像，文件名中带有括号:

<DIV style="BACKGROUND: url('http://site.com/image(8).png');"></DIV>

这通常很好，并且不会造成混淆，因为文件名周围有引号。

但是，在 IE 的开发人员工具中，我发现浏览器出于某种原因删除了引号。

<DIV style="BACKGROUND: url(http://site.com/image(8).png);"></DIV>

不过，它确实有效，所以没什么大不了的。当我尝试使用 jquery 的克隆功能时，问题就出现了。

显然，clone() 后的输出在 IE8 中无法识别上述图像 url，并将其删除(其他浏览器，包括 IE7，都可以)。所以我最终得到了这个:

<DIV></DIV>

有人知道如何解决这个问题吗？即在 IE8 中克隆一张带有括号的背景图片。

谢谢。

此外，作为附录，我必须对相关元素使用内联样式，因此请不要建议使用单独的样式表。

Ad2:转义时，浏览器渲染后转义的实体将变为未转义。页面加载后再次进行克隆，并且要克隆的选定对象中包含未转义的字符。

Answer 1

不要使用 HTML 实体转义括号(浏览器正确地将属性中的实体视为其等效的文字字符)，而使用 URL 实体转义它们:

( = %28
) = %29