2014-12-11 26 views
1

如何以縮進的方式使用jQuery添加html?

$('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>"); 

但它表明非法標記錯誤。 請幫助

+0

有逃脫的JavaScript字符串換行符 – charlietfl 2014-12-11 04:36:17

+0

個可能的重複[在JavaScript中創建多行字符串](http://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript) – 2014-12-11 04:37:30

回答

4

你需要把\每一行結束後

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

Working Demo

+0

謝謝:)它運作良好。 – 2014-12-11 04:54:07

0

試試這個代碼

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