javascript - Jquery，使用变量转义 url

Question

尝试转义和 html 以在 jquery 中附加，并添加我用 ajax 引入的动态变量，但我似乎无法正确转义。这是我所拥有的 -

$("<div><div class='presiImg' style='background: url(/\'/gleam\/public\/images\/itPrecedents\/" + keep.logo + "');'></div></div>").appendTo(".myDiv');

我不确定如何正确转义，以便我可以使用该变量。谢谢。

Answer 1

您遇到了几个问题:

1. 您正在转义网址中的正斜杠，但这是不必要的
2. 您在 .appendTo() 中使用了不一致的引号

作为建议，当我使用 JS/jQuery 附加原始 HTML 时，我尝试使用单引号和 JavaScript 引号，然后在 HTML 中使用双引号。对我来说，这样看更容易。另外，CSS url 中的单引号不是必需的，而且可能会造成困惑。

无论如何，如果您将行更改为以下内容，它将起作用:

$('<div><div class="presiImg" style="background: url(\'/gleam/public/images/itPrecedents/' + keep.logo + '\');"></div></div>').appendTo('.myDiv');

如果您想查看它的实际效果，下面有一个可运行的示例:

$(function() {
  
  var keep = { logo : "test.jpg" };
  $('<div><div class="presiImg" style="background: url(\'/gleam/public/images/itPrecedents/' + keep.logo + '\');"></div></div>').appendTo('.myDiv');
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="myDiv"></div>