Crear una variable en jquery con contenido html

Question

Hola, estoy tratando de crear una variable en jquery que contenga una tabla para generar en diferentes áreas de un sitio web. Pero me está dando un error, y no entiendo por qué. Aquí está mi 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>"; 
    }); 

¿Cómo podría colocar esto en una variable de modo que puede dar salida en varios divs como tan:

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

Gracias de antemano por los anyones ayuda!

Answer 1

Error de sintaxis debido a una cadena asignada incorrectamente.

concatenar las líneas

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

Answer 2

No ha manejado los retornos de línea en su cadena. Debido a esto, javascript asume que el final de cada línea es el final de una declaración. Claramente, cada línea no es una declaración válida. Concatenar su cadena como lo siguiente:

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

Answer 3

usted podría concatenar cadenas, como se sugirió. Otra forma es escapar caracteres de nueva línea con barra invertida:

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

Answer 4

O puede utilizar esta herramienta http://www.accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/

Funciona bien :)

Answer 5

Cuando tengo html complejo esto es lo que hago . Pongo el html en un encerrando DIV y obtener el contenido 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>