在JAVASCRIPT中更正HTML语法

Question

我的问题是我不知道在JavaScript代码段中实现html的正确语法。

我使用的是simplecart.js，我想添加一个自定义购物车列，其中包含一项的颜色，但是从一个小时开始，我就一直坚持下去。

{
    view: function (item, column) {
        "<div id='couleur'>
        <div style='background-color:'"
        return item.get('color')"'></div>
    </div>"
    },
    label: "Couleur"
},

有人可以帮我吗？
非常感谢。

Answer 1

您不能在字符串中有换行符，您必须嵌套双引号，这意味着您有没有意义的函数调用。

view: function (item, column) {
    var str = "<div id='couleur'>" +
              "<div style='background-color:" + item.get('color') + "'></div>" +
              "</div>";
    return str;
}

大多数人会使用更多的模板类型的体系结构。

view: function (item, column) {
    var str = "<div id='couleur'><div style='background-color:{color}'></div></div>";
    return str.replace("{color}", item.get('color'));
}