使用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>
    `);