提问者:小点点

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


我正在基于一个名为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");
});

共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("")
);