Javascript jQuery附加css删除反斜杠

我花了好几个小时试图解决这个问题，但我已经陷入了绝境

我用这段代码从spritemap生成一个thumb图像，解析json：

$('#dataArea').html(' ');
        for (var i in data.area) {
                    $('#dataArea').append(data.area[i].name +'<div class="img" style="height:48px; width:48px; background: url("//ddragon.leagueoflegends.com/cdn4.15.1/img/sprite/'+data.area[i].image.sprite +') -'+data.area[i].image.x+'px -'+data.area[i].image.w+'px no-repeat;</div>')
               }

$（'#dataArea'）.html（''；
用于（数据区域中的var i）{
$（“#dataArea”）.append（data.area[i].name+”您必须附加html实体而不仅仅是html字符串，请尝试以下操作：

var child, area = $('#dataArea');
for (var i in data.area) {
    child = $('<div>');//<-- change as per your need
    child.html(data.area[i].name +'<div class="img" style="height:48px; width:48px; background: url("//ddragon.leagueoflegends.com/cdn4.15.1/img/sprite/'+data.area[i].image.sprite +') -'+data.area[i].image.x+'px -'+data.area[i].image.w+'px no-repeat;</div>');
    area.append(child);
}

var-child，area=$（“#dataArea”）；
用于（数据区域中的var i）{
child=$（''）；//您必须附加一个html实体，而不仅仅是html字符串，请尝试以下操作：

var child, area = $('#dataArea');
for (var i in data.area) {
    child = $('<div>');//<-- change as per your need
    child.html(data.area[i].name +'<div class="img" style="height:48px; width:48px; background: url("//ddragon.leagueoflegends.com/cdn4.15.1/img/sprite/'+data.area[i].image.sprite +') -'+data.area[i].image.x+'px -'+data.area[i].image.w+'px no-repeat;</div>');
    area.append(child);
}

var-child，area=$（“#dataArea”）；
用于（数据区域中的var i）{
child=$（''）；//您必须附加一个html实体，而不仅仅是html字符串，请尝试以下操作：

var child, area = $('#dataArea');
for (var i in data.area) {
    child = $('<div>');//<-- change as per your need
    child.html(data.area[i].name +'<div class="img" style="height:48px; width:48px; background: url("//ddragon.leagueoflegends.com/cdn4.15.1/img/sprite/'+data.area[i].image.sprite +') -'+data.area[i].image.x+'px -'+data.area[i].image.w+'px no-repeat;</div>');
    area.append(child);
}

var-child，area=$（“#dataArea”）；
用于（数据区域中的var i）{
child=$（''）；//您必须附加一个html实体，而不仅仅是html字符串，请尝试以下操作：

var child, area = $('#dataArea');
for (var i in data.area) {
    child = $('<div>');//<-- change as per your need
    child.html(data.area[i].name +'<div class="img" style="height:48px; width:48px; background: url("//ddragon.leagueoflegends.com/cdn4.15.1/img/sprite/'+data.area[i].image.sprite +') -'+data.area[i].image.x+'px -'+data.area[i].image.w+'px no-repeat;</div>');
    area.append(child);
}

var-child，area=$（“#dataArea”）；
用于（数据区域中的var i）{
child=$（''）；//您忘记了一个
“
：

$（'#dataArea'）.html（''；
用于（数据区域中的var i）{
$（'#dataArea'）。追加（“+data.area[i].name+”；）
}
您忘记了一个
“
：

$（'#dataArea'）.html（''；
用于（数据区域中的var i）{
$（'#dataArea'）。追加（“+data.area[i].name+”；）
}
您忘记了一个
“
：

$（'#dataArea'）.html（''；
用于（数据区域中的var i）{
$（'#dataArea'）。追加（“+data.area[i].name+”；）
}
您忘记了一个
“
：

$（'#dataArea'）.html（''；
用于（数据区域中的var i）{
$（'#dataArea'）。追加（“+data.area[i].name+”；）
}
那行代码太复杂了。它会一直是bug的来源

最好以更可读的方式构建要追加的元素

差不多

var element = $("<div />");
element.addClass("img");
element.css("background-image", "url('image-url')");
...
$dataArea.append(element);

var元素=$（“”）；
元素。添加类（“img”）；
css（“背景图像”，“url（'image-url'）”）；
...
$dataArea.append（元素）；

以上内容更具可读性，更易于修改

干杯
这行代码太复杂了。它将继续成为bug的来源

最好以更可读的方式构建要追加的元素

差不多

var element = $("<div />");
element.addClass("img");
element.css("background-image", "url('image-url')");
...
$dataArea.append(element);

var元素=$（“”）；
元素。添加类（“img”）；
css（“背景图像”，“url（'image-url'）”）；
...
$dataArea.append（元素）；

以上内容更具可读性，更易于修改

干杯
这行代码太复杂了。它将继续成为bug的来源

最好以更可读的方式构建要追加的元素

差不多

var element = $("<div />");
element.addClass("img");
element.css("background-image", "url('image-url')");
...
$dataArea.append(element);

var元素=$（“”）；
元素。添加类（“img”）；
css（“背景图像”，“url（'image-url'）”）；
...
$dataArea.append（元素）；

以上内容更具可读性，更易于修改

干杯
这行代码太复杂了。它将继续成为bug的来源

最好以更可读的方式构建要追加的元素

差不多

var element = $("<div />");
element.addClass("img");
element.css("background-image", "url('image-url')");
...
$dataArea.append(element);

var元素=$（“”）；
元素。添加类（“img”）；
css（“背景图像”，“url（'image-url'）”）；
...
$dataArea.append（元素）；

以上内容更具可读性，更易于修改

干杯
你想做什么？你能在Fiddle上发布你的代码吗？你想做什么？你能在Fiddle上发布你的代码吗？你想做什么？你能在Fiddle上发布你的代码吗？我仍然得到这样的结果：请在{}中使用vars给我预期的结果如果我没有做错什么，我会得到未捕获的语法错误：意外标识符。我添加了一个预期结果，如果该帮助我做了一些修改，例如删除了.png和最后一个“；“因为我有错误，它工作了！非常感谢你真的！@user3127632不客气。我感谢coffeescript和fenced string:）我仍然会得到这样的结果：请给我在{}中使用vars的预期结果，如果我没有犯错误，我会得到和未捕获的SyntaxError:Unexpected identifier。我添加了一个预期结果，如果该帮助我做了一些修改，例如删除了.png和最后一个“；”因为我犯了错误并且成功了！非常感谢你真的！@user3127632不客气。我感谢coffeescript和fenced string:）我仍然得到这样的结果：请用{}中的变量给我预期的结果如果我没有做错什么，我会得到未捕获的SyntaxError:意外标识符。如果该帮助我做了一些修改，我会添加一个预期结果，例如删除了.png和最后一个“；”因为我犯了错误并且成功了！非常感谢你真的！@user3127632不客气。我感谢coffeescript和fenced string:）我仍然得到这样的结果：请用{}中的变量给我预期的结果如果我没有做错什么，我会得到未捕获的SyntaxError:意外标识符。如果该帮助我做了一些修改，我会添加一个预期结果，例如删除了.png和最后一个“；”因为我犯了错误，它成功了！万分感谢你真的！@user3127632不客气。我感谢coffeescript和围栏字符串：）我得到了一个未捕获的错误：语法错误，无法识别的表达式：我仍然没有反斜杠就得到了我的原始结果：/i得到了一个未捕获的错误：语法错误，无法识别的表达式：我仍然得到了我的原始结果没有反斜杠：/I出现未捕获错误：语法错误，无法识别的表达式：我仍然没有反斜杠得到原始结果：/I出现未捕获错误：语法错误，无法识别的表达式：我仍然没有反斜杠得到原始结果：/