Javascript Jquery,使用变量转义url

Javascript Jquery,使用变量转义url,javascript,jquery,escaping,Javascript,Jquery,Escaping,尝试使用转义和html在jquery中添加动态变量,这是我用ajax引入的,但我似乎无法获得正确的转义。这是我所拥有的- $("<div><div class='presiImg' style='background: url(/\'/gleam\/public\/images\/itPrecedents\/" + keep.logo + "');'></div></div>").appendTo(".myDiv'); $(“”).appendT

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

$("<div><div class='presiImg' style='background: url(/\'/gleam\/public\/images\/itPrecedents\/" + keep.logo + "');'></div></div>").appendTo(".myDiv');
$(“”).appendTo(“.myDiv”);
我不确定如何正确转义,以便使用变量。谢谢。

试试看

$("<div />",{ 
 "class":"presiImg",
 "style":"background: url(/gleam/public/images/itPrecedents/"+keep.logo+")"
}).appendTo(".myDiv");
$(“”,{
“类”:“presiImg”,
“样式”:“背景:url(/gleam/public/images/itprecements/”+keep.logo+)”
}).附录(“.myDiv”);

这里有几个问题:

  • 您正在逃避URL中的前斜杠,这是不必要的
  • 您在
    .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');
    
    $('').appendTo('.myDiv');
    
    如果您希望看到它的运行,下面有一个可运行的示例:

    $(函数(){
    var keep={logo:“test.jpg”};
    $('').appendTo('.myDiv');
    });
    
    
    我从未见过一个url中只有一个引号。url应该是什么?不清楚。还要编写ajax响应