如何以缩进的方式使用jquery追加html？

Question

我有

$('body').append("<div id=block> <center> <input type=submit value=submit id=sub> </center> <p id=display_message> </p> </div>");

而不是这个，我想以缩进的方式在append（）中编写代码，就像这样

$('body').append("<div id=block> 
                     <center> <input type=submit value=submit id=sub> </center> 
                     <p id=display_message> </p>
                  </div>");

但它显示非法令牌错误。 请帮忙

Answer 1

您需要在每行结束后放置\

$('body').append("<div id=block>\
                 <center> <input type=submit value=submit id=sub> </center>\
                 <p id=display_message> </p>\
              </div>");

<强> Working Demo

Answer 2

试试这段代码

var content = "<div id=block>"+
                     "<center> <input type='submit' value='submit' id='sub'> </center> "+
                     "<p id='display_message'> </p>"+
                  "</div>"
$('body').append(content);