使用jQuery .html方法时多行

Question

当我使用jQuery的html方法时，我想有多行，如下所示：

$("#someID").html("
    <h1>Headline 1</h1>
    <h1>Headline 2</h1>
    ");

然而，这段代码不起作用。使用jQuery的html方法时有没有办法使用多行？

Answer 1

使用\来逃避新的线路字符。

$("#someID").html("\
    <h1>Headline 1</h1>\
    <h1>Headline 2</h1>\
    ");

在此处查看工作示例：http://jsfiddle.net/amantur/yeDff/

Answer 2

您可以使用字符串连接来加入新行。它也很干净。

$("#someID").html("" +
    "<h1>Headline 1</h1>" +
    "<h1>Headline 2</h1>");

Answer 3

有点晚了，但现在可以做得更干净：

$("#someID").html(`
    <h1>Headline 1</h1>
    <h1>Headline 2</h1>
    `);

您甚至可以在不连接的情况下添加变量：

$("#someID").html(`
    <h1>${headline1}</h1>
    <h1>${headline2}</h1>
    `);