在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'));
}