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

預先感謝您對任何人的幫助！

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，這是我做什麼。我把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>