Javascript-如何編寫干凈的代碼？

Question

我需要在Jquery上做一個在div中編寫一些HTML元素的函數。

代碼是這樣的：

function loadAppartamenti() {
    $('.profilo_2').empty();
    $('.profilo_2').html("<label class='article_span'>Inserisci Zona (es. Via/Località)</label> /
                          <input id='art_1' class='article_input' /> /
                          <label class='article_span'>Costo (€ Mese)</label> /
                          <input id='art_2' class='article_input' /> /
                          <label class='article_span'>Disponibilità (Periodo In Mesi)</label> /
                          <input id='art_3' class='article_input' /> /
                          <label class='article_span'>Condizioni</label> /
                          <input id='art_4' class='article_input' /> /
                          <label class='article_span'>Servizi Presenti</label> /
                          <input id='art_5' class='article_input' />");
}

我需要盡可能干凈地清理代碼，所以我已經將其對齊（寫行時轉到新行）。

我知道我可以在Javascript上做到這一點，在每行末尾添加一個/ 。 但是也許我記錯了。 實際上，如果我在Chrome上運行此代碼，則控制台會顯示“ Uncaught SyntaxError：Unexpected token ILLEGAL”。

我該如何解決這個問題？ 我不想在1行上寫代碼:)

Answer 1

每行的末尾都需要一個反斜杠，而不是一個正斜杠：

var s = "one\
         two\
         three";

Answer 2

你有沒有想過

var textArray = [...]; // insert your text content
var portfilo = $(".profilo_2");
for (var  i = 0; i < 5; i++) {
    profilo.append(
        $("<label>").addClass("article_span").text(textArray[i])
    ).append(
        $("<input>").attr("id", "art_"+ i).addClass("input_span")
    )
}

如果需要，您可以緩存/優化它更多。