How to append html using jquery in an indented manner?

Question

I have

$('body').append("<div id=block> <center> <input type=submit value=submit id=sub> </center> <p id=display_message> </p> </div>");

Instead of this I want to write the code inside append() in an indented manner like this

$('body').append("<div id=block> 
                     <center> <input type=submit value=submit id=sub> </center> 
                     <p id=display_message> </p>
                  </div>");

but it shows illegal token error. Please help

possible duplicate of Creating multiline strings in JavaScript — Robby Cornelissen
– Robby Cornelissen, Commented Dec 11, 2014 at 4:37

Milind Anantwar · Accepted Answer · 2014-12-11 04:36:25Z

6

you need to put \ after end of each line

$('body').append("<div id=block>\
                 <center> <input type=submit value=submit id=sub> </center>\
                 <p id=display_message> </p>\
              </div>");

Working Demo

answered Dec 11, 2014 at 4:36

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

rasah_dipikir_jerojero · Accepted Answer · 2014-12-11 04:48:43Z

0

try this code

var content = "<div id=block>"+
                     "<center> <input type='submit' value='submit' id='sub'> </center> "+
                     "<p id='display_message'> </p>"+
                  "</div>"
$('body').append(content);

answered Dec 11, 2014 at 4:48

rasah_dipikir_jerojero

1755 bronze badges

Collectives™ on Stack Overflow

How to append html using jquery in an indented manner?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related