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")
    )
}

如果需要，您可以缓存/优化它更多。