javascript - 正确的 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'));
}