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

如果您愿意，可以再缓存/优化它。

Javascript - 如何编写干净的代码？

2 个答案: