append（）のhtmlを壊す方法は？

Question

私はappend()のhtmlを壊すのに使うことができるトリックですか？

たとえば、このようなものは素晴らしいでしょう。

// Append a popup for displaying the security checking form. 
$(document.body).append(" 
<div id='popup-result' class='popup-outer'> 
<div class='popup-inner'> 
    <div class='close'><a href='#' class='button-close'>x close</a></div> 
    <div class='respond-message'></div> 
    <div class='form-confirm'></div> 
</div> 
</div>"); 

私は1行でhtmlを行う必要はありません。読み込みとデバッグは難しいです。

Answer 1

2つのオプションがあります。あなたは、新しい行リテラル構文を使用することができます。

// Append a popup for displaying the security checking form. 
$(document.body).append("\ 
<div id='popup-result' class='popup-outer'>\ 
<div class='popup-inner'>\ 
    <div class='close'><a href='#' class='button-close'>x close</a></div>\ 
    <div class='respond-message'></div>\ 
    <div class='form-confirm'></div>\ 
</div>\ 
</div>"); 

これは動作しますが、（Visual Studioは、私はそれをその前回試したんまたはあなたはそれが自分の文字列だ各行を作り、あなたがあれば、文字列を連結することができ、いくつかのIDEを混乱させる可能性があります。実際に新しい行を望んでいない：。

// Append a popup for displaying the security checking form. 
$(document.body).append(
"<div id='popup-result' class='popup-outer'>" + 
"<div class='popup-inner'>" + 
    "<div class='close'><a href='#' class='button-close'>x close</a></div>" + 
    "<div class='respond-message'></div>" + 
    "<div class='form-confirm'></div>" + 
"</div>" + 
"</div>");