एचटीएमएल सामग्री के साथ 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>"; 
    }); 

मैं कैसे एक चर में इस जगह सकता है ताकि मैं विभिन्न divs में आउटपुट के रूप में इतना:

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

किसी मदद के लिए धन्यवाद!

Answer 1

गलत तरीके से असाइन किए गए स्ट्रिंग के कारण सिंटेक्स त्रुटि।

श्रेणीबद्ध लाइनों

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

Answer 2

आपने अपनी स्ट्रिंग में लाइन रिटर्न को संभाला नहीं है। इस वजह से, जावास्क्रिप्ट मानता है कि प्रत्येक पंक्ति का अंत एक बयान का अंत है। स्पष्ट रूप से प्रत्येक पंक्ति एक वैध कथन नहीं है। अपनी स्ट्रिंग को इस तरह से संयोजित करें:

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

जब मैं जटिल एचटीएमएल है इस मैं क्या कर रहा है: या किसी अन्य तरीके से वापस स्लैश के साथ नए लाइन वर्ण से बचने के लिए है । मैं एक enclosing 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>