Tạo biến trong jquery với nội dung html

Question

Xin chào Tôi đang cố gắng tạo biến trong jquery có chứa bảng để xuất trong các khu vực khác nhau của trang web. Nhưng nó cho tôi một lỗi, và tôi không hiểu tại sao. Đây là jQuery tôi:

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>"; 
    }); 

Làm thế nào tôi có thể đặt điều này trong một biến để tôi có thể sản lượng trong divs khác nhau như vậy:

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

Cảm ơn bạn trước để được giúp đỡ anyones!

Answer 1

Lỗi cú pháp do chuỗi được chỉ định sai.

nối các đường

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

Answer 2

Bạn chưa xử lý các dòng trả về trong chuỗi của mình. Bởi vì điều này, javascript giả định rằng cuối mỗi dòng là kết thúc của một câu lệnh. Rõ ràng mỗi dòng không phải là một câu lệnh hợp lệ. Ghép nối chuỗi của bạn như sau:

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

Answer 3

Bạn có thể nối chuỗi như nó đã được đề xuất. Hoặc cách khác là để thoát khỏi nhân vật dòng mới với dấu gạch chéo lại:

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

Answer 4

Hoặc bạn có thể sử dụng công cụ này http://www.accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/

Nó hoạt động tốt :)

Answer 5

Khi tôi có html phức tạp này là những gì tôi làm . Tôi đặt html trong một kèm DIV và nhận được nội dung 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>