javascript - 什么时候可以在字符串中换行？

Question

很抱歉这个新手问题。我有这段代码，但我不喜欢它，它的可读性不太好。我对此完全陌生，无法找到答案。我想将附加后的部分分散到多行中，但是正确的语法是什么？

'buildHtml': function(data) {
    $('.visibility-attributes').append('<div class="div-table-row js-table-row"><div class="div-table-cell js-div-table-cell">Bestand</div><div class="div-table-cell js-div-table-cell-bolt"><span class="tab-product-attribute-name">' + data.stock.stocklevel + '</span></div></div><div class="div-table-row js-table-row"><div class="div-table-cell js-div-table-cell">Bestellbar</div><div class="div-table-cell js-div-table-cell-bolt"><span class="tab-product-attribute-name">' + data.stock.orderable + '</span></div></div>');
},

Answer 1

我想你正在寻找这个

    var myHtmlString = "<div class='div-table-row js-table-row'>\
    <div class='div-table-cell js-div-table-cell'>\
    Bestand\
    </div>\
    <div class='div-table-cell js-div-table-cell-bolt'>\
    <span class='tab-product-attribute-name'>" + data.stock.stocklevel + "</span>\
    </div>\
    </div>\
<div class='div-table-row js-table-row'>\
    <div class='div-table-cell js-div-table-cell'>Bestellbar</div>\
    <div class='div-table-cell js-div-table-cell-bolt'>\
    <span class='tab-product-attribute-name'>" + data.stock.orderable + "</span>\
    </div>\
    </div>";

$('.visibility-attributes').append(myHtmlString )

只需在每个新行的末尾写入一个反斜杠字符即可将整个内容视为一个字符串。 (防止+和“”引起的头痛)

或者:

您可以在隐藏的 div 中编写结构(作为模板)

并在所需的html元素中填充值并将模板复制到输出div

$("#hiddenDiv").find(".tab-product-attribute-name").html(data.stock.stocklevel);
//blah
//blah
$('.visibility-attributes').append($("#hiddenDiv").html());