jQuery-在url中设置带括号的背景图像

Question

我正在基于一个名为result的数组创建元素，我想从这个数组中为每个item动态添加背景图像。问题是当前的标记没有将url放在括号中，所以如果我的url有括号，图像就不会被设置。

如何更改标记，将result[I].logo中的url放在括号中，使其作为文本字符串读取我的变量？

$(result).each(function (i, e) {
  var item =
    "<div style='background-image: url(" +
    result[i].logo +
    ");' background-color:" +
    result[i].color +
    "'></div>";
  $(item).appendTo(".list");
});

Answer 1

你的意思可能是

$.each（result,function（）{}）

因为$(selector).each要迭代jQuery对象

我建议用引号来包装徽标

$(".list").html(
   result
   .map(res => `<div style="background-image: url('${res.logo}'); background-color: ${res.color}"></div>`)
   .join("")
);