Ошибка многострочной ошибки javascript

Question

Я пытаюсь создать блок HTML с помощью javascript. Чтобы мой код был чистым, я пытаюсь поместить код в отдельные строки. Это дает мне ошибку, говоря, что есть неправильный символ <, но я никогда не закрывал строку. Вот мой код, пожалуйста, помогите! Благодаря!

var form = jQuery(' 
<div id="link"> 
    <div id="link-options"> 
     <p class="howto">Add a quote to the page</p> 
     <div> 
      <label><span>Text<br/></span><textarea name="text" id="text"></textarea></label> 
     </div> 
     <div> 
      <label><span>Person</span><input type="text" name="person"></label>\ 
     </div> 
    </div> 
    <div class="submitbox"> 
     <div id="update"> 
      <input type="button" id="quote-submit" class="button-primary" value="Insert Shortcode" name="submit" /> 
     </div> 
    </div> 
</div>'); 

Answer 1

Пока вы технически не закрываете строку, в вашей строке появляются новые строки. Javascript интерпретирует новые строки как символ строковой строки. Поскольку он закрывает строку, вы получаете ошибку. Попробуйте добавить побег в конце строки, чтобы избежать разрыва строки:

var form = jQuery('\ 
<div id="link">\ 
    <div id="link-options">\ 
     <p class="howto">Add a quote to the page</p>\ 
     <div>\ 
      <label><span>Text<br/></span><textarea name="text" id="text"></textarea></label>\ 
     </div>\ 
     <div>\ 
      <label><span>Person</span><input type="text" name="person"></label>\ 
     </div>\ 
    </div>\ 
    <div class="submitbox">\ 
     <div id="update">\ 
      <input type="button" id="quote-submit" class="button-primary" value="Insert Shortcode" name="submit" />\ 
     </div>\ 
    </div>\ 
</div>'); 

Answer 2

При выполнении многострочных переменных в JS Я хотел бы использовать функцию Join().

var form = [ 
    '<div>', 
    '<p>blah blah</p>', 
    '<div>' 
].join('\n'); 

Answer 3

я хотел бы сделать concat:

var form = jQuery(
    '<div id="link">' + 
     '<div id="link_options">' + 
      '<p class="howto">how to add a quote to the page</p>' + 
     '</div>' + 
    '</div>' 
);