Créer une variable dans jquery avec le contenu html

Question

Salut J'essaie de créer une variable dans jquery qui contient une table pour la sortie dans différentes zones d'un site Web. Mais cela me donne une erreur, et je ne comprends pas pourquoi. Voici mon 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>"; 
    }); 

Comment pourrais-je placer dans une variable afin que je puisse sortie dans différents divs comme si:

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

Merci à l'avance pour anyones aide!

Answer 1

Erreur de syntaxe due à une chaîne affectée par erreur.

concaténer les lignes

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

Answer 2

Vous n'avez pas traité les retours de ligne dans votre chaîne. Pour cette raison, javascript suppose que la fin de chaque ligne est la fin d'une instruction. Il est clair que chaque ligne n'est pas une déclaration valide. Concaténez votre chaîne comme suit:

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

Answer 3

Vous pourriez concaténer des chaînes comme il a été suggéré. Ou une autre façon est d'échapper à de nouveaux personnages en ligne avec barre oblique inverse:

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

Answer 4

Vous pouvez également utiliser cet outil http://www.accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/

Il fonctionne très bien

Answer 5

:) Quand j'ai html complexe ce que je fais . Je mets le code html dans un enclos DIV et obtenir le contenu 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>