Insertar cadenas multilíneas usando jQuery

$("#addSelect").click(function() { $("#optionsForm").after("Hello world."); } ); 

Esto funciona.

 $("#addSelect").click(function() { $("#optionsForm").after("<tr> <td><input type="text" class="optionField" value="Options" /></td> <td> <ul class="option"> <li><select><option>Value..</option></select></li> </ul> </td> </tr>"); } ); 

Algo como esto no.

En Chrome, aparece el error " Inexpected token ILEGAL ". Después de search en Google descubrí que mi pequeño cerebro no sabe mucho sobre javascript y líneas múltiples. Entonces agregué '\' al final de cada línea. Sin embargo, ahora obtengo el error " identificador inesperado ".

Me gustaría que esto no sea tan difícil como lo estoy haciendo 🙂

Cambie todas las comillas dobles para los attributes a comillas simples.

 $("#addSelect").click(function() { $("#optionsForm").after("<tr> \ <td><input type='text' class='optionField' value='Options' /></td> \ <td> \ <ul class='option'> \ <li><select><option>Value..</option></select></li> \ </ul> \ </td> \ </tr>"); } ); 

un enfoque más limpio es usar la label <script>

https://stackoverflow.com/a/12097933/1416458

 <script id="stuff_you_want" type="text/plain"> <tr> <td><input type="text" class="optionField" value="Options" /></td> <td> <ul class="option"> <li><select><option>Value..</option></select></li> </ul> </td> </tr> </script> <script> // pure javascript var text = document.getElementById("stuff_you_want").innerHTML ; //or using jQuery... (document ready for safety) $(document).ready(function() { var text = $("#stuff_you_want").html(); } </script> 

content-type debe configurarse para el cumplimiento de html 4.0 .