htmlコンテンツを持つjqueryで変数を作成

Question

こんにちは、ウェブサイトのさまざまな領域に出力するためのテーブルを含む変数をjqueryに作成しようとしています。しかし、それは私にエラーを与えている、と私はなぜ理解していない。ここに私のjQueryのです：

var copy = "<table width='750' border='0' cellspacing='0' cellpadding='0'> 
    <tr> 
    <td>Tarifa valida desde:</td> 
    <td>Tarifa valida hasta:</td> 
    <td>Tarifa MXN</td> 
    <td>Tarifa USD</td> 
    </tr> 
    <tr> 
    <td><input type='text' name='from1' id='from1' class='date' /></td> 
    <td><input type='text' name='to1' id='to1' class='date' /></td> 
    <td><input type='text' name='mxn1' /></td> 
    <td><input type='text' name='usd1' /></td> 
    </tr> 
    <tr> 
    <td>Extra Pax MXN:</td> 
    <td>Extra Pax USD:</td> 
    </tr> 
    <tr> 
    <td><input type='text' name='exmxn1' /></td> 
    <td><input type='text' name='exusd1' /></td> 
    </tr> 
</table>"; 
    }); 

私は変数でこれを置くことができるどのように私はそうなど、さまざまなdiv要素に出力ができるように：

$(".divExample").html(copy); 

はanyonesの助けを事前にありがとうございます！

Answer 1

誤って割り当てられた文字列による構文エラーです。

は、それが示唆されたようにあなたは文字列を連結することができライン

var copy = "<table width='750' border='0' cellspacing='0' cellpadding='0'>" 
      + "<tr>"; 
    .... 

Answer 2

あなたの文字列に改行を処理していません。このため、JavaScriptでは、各行の終わりがステートメントの終わりであるとみなされます。明らかに、各行は有効なステートメントではありません。次のように文字列を連結してください。

var "multi-"+ 
    "line "+ 
    "string"; 

Answer 3

を連結します。それとも別の方法は、バックスラッシュで改行文字をエスケープすることです：

var html = "<table> \ 
    <tr>....</tr> \ 
    </table>"; 

Answer 4

それとも、このツールhttp://www.accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/

を使用することができますこれは正常に動作します:)

Answer 5

私は複雑なHTMLを持っている場合、これは私が何をすべきかです。私は囲むDIVでHTMLを入れて、私は完全に異なる戦略を示唆しているものの、

var copy = $('#mycomplexhtml').html(); //gets the content I placed in an hidden div 


<!-- I normally place this at the bottom-most part of the page --> 
<div id="mycomplexhtml" style="display:none"> 
    <table width='750' border='0' cellspacing='0' cellpadding='0'> 
    <tr> 
    <td>Tarifa valida desde:</td> 
    <td>Tarifa valida hasta:</td> 
    <td>Tarifa MXN</td> 
    <td>Tarifa USD</td> 
    </tr> 
... 
    </table> 
</div>