Creare una variabile in jQuery con contenuto HTML

Question

Ciao Sto cercando di creare una variabile in jQuery che contenga una tabella per l'output in diverse aree di un sito web. Ma mi sta dando un errore, e non capisco perché. Ecco il mio 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>"; 
    }); 

Come potrei mettere questo in una variabile in modo che può produrre in varie div come così:

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

Grazie in anticipo per anyones aiuto!

Answer 1

Errore di sintassi dovuto alla stringa assegnata in modo errato.

concatenare le linee

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

Answer 2

Non hai gestito i ritorni di linea nella stringa. Per questo motivo, javascript presuppone che la fine di ogni riga sia la fine di una dichiarazione. Chiaramente ogni riga non è una dichiarazione valida. Concatenare la stringa in questo modo:

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

Answer 3

Si potrebbe concatenare le stringhe come è stato suggerito. O un altro modo è quello di sfuggire caratteri di nuova riga con barra posteriore:

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

Answer 4

Oppure è possibile utilizzare questo strumento http://www.accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/

Funziona bene :)

Answer 5

Quando ho html complesso questo è quello che faccio . Ho messo il codice HTML in un racchiude DIV e ottenere il contenuto 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>