我正在基于一个名为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");
});
你的意思可能是
$.each(result,function(){})
因为$(selector).each
要迭代jQuery对象
我建议用引号来包装徽标
$(".list").html(
result
.map(res => `<div style="background-image: url('${res.logo}'); background-color: ${res.color}"></div>`)
.join("")
);