Когда я могу разбить строки в строке? - PullRequest
Новая
       10

Когда я могу разбить строки в строке?

0 голосов
/ 03 июля 2018

извините за вопрос новичка. У меня есть этот код, но он мне не нравится, он не очень читабелен. Я совершенно новичок в этом, и я не могу найти ответ. Я хотел бы разделить часть после добавления на несколько строк, но каков правильный синтаксис для этого? 

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

Ответы [ 2 ]

0 голосов
/ 03 июля 2018

Полагаю, вы ищете это 

    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 )

Просто напишите символ обратной косой черты в конце каждой новой строки, чтобы рассматривать все как одну строку. (Предотвращает головную боль от + и "")

В качестве альтернативы:

Вы можете написать структуру в виде скрытого элемента (в виде шаблона)

и заполните значения в необходимых HTML-элементах и ​​скопируйте шаблон для вывода div 

$("#hiddenDiv").find(".tab-product-attribute-name").html(data.stock.stocklevel);
//blah
//blah
$('.visibility-attributes').append($("#hiddenDiv").html());
0 голосов
/ 03 июля 2018

Будьте внимательны, чтобы заменить одинарную кавычку на `

'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>
 `);
},
...