Javascript Jquery函数html和转义问题

我有字符串：

var items = "<div class='item'><div class='item-img' style='background-image: url('images.123.jpg')'></div></div>"

因此，结果将是：

<div id="div">
    <div class='item'>
         <div class='item-img' style='background-image: url('images.123.jpg')'>  </div>
     </div>
 </div>

---

我怎么能做到？非常感谢

问题在于，您正在使用引号打破属性样式：

var div = $('<div>').attr("id","div").html(items);
$("body").append(div);

[...] style='background-image: url('images.123.jpg')'> [...]

看到了吗？“应该是内部的”实际上打破了样式=标记。因为它们用于CSS属性，所以您既可以不使用它们，也可以不使用它们

var items = "<div class='item'><div class='item-img' style='background-image: url(images.123.jpg)'></div></div>"

或者您可以避开双引号：

var items = "<div class=\"item\"><div class=\"item-img\" style=\"background-image: url('images.123.jpg')\"></div></div>"

---

我把这个藏起来。。。style=\background image:url'images.123.jsp'\>。。。因为如果对style=和url使用相同的勾号，url中的第一个勾号将关闭style=中的勾号。\中的反斜杠应该引用双引号，因此它不会关闭变量赋值中的引号。@Alexander.jsp.jpg！hahaha@mathieloJava前端开发人员的典型打字错误^^

var items = "<div class=\"item\"><div class=\"item-img\" style=\"background-image: url('images.123.jpg')\"></div></div>"