Multiple HTML div elements in single javascript object property

Question

Is it possible to use mulitple HTML div elements inside one JS object property (content in the example below):

$.Box({
                title : "Title",
                content : "<table id='1'></table>",
                "<table id='2'></table>"

            });

KpTheConstructor · Accepted Answer · 2017-02-07 21:15:07Z

1

You would have to store them in an array .

Example 1 :

$.Box({
     title : "Title",
     content : ["<table id='1'></table>","<table id='2'></table>"]
  });

Example 2 :

 $.Box({
     title : "Title",
     content : function(){
        var format = ["<table id='1'></table>","<table id='2'></table>"];
        //do something to the format
       return format.join(" ");
      }()
  });

Hope this helps

answered Feb 7, 2017 at 21:15

KpTheConstructor

3,2991 gold badge16 silver badges24 bronze badges

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

Comments

charlietfl · Accepted Answer · 2017-02-07 21:09:35Z

1

That isn't valid javascript for an object

Put all the html inside same quotes so it is all one string

$.Box({
       title : "Title",
       content : "<table id='1'></table><table id='2'></table>"
});

Or use a + to concatenate the string parts

$.Box({
       title : "Title",
       content : "<table id='1'></table>" + 
                 "<table id='2'></table>"
});

answered Feb 7, 2017 at 21:09

charlietfl

172k14 gold badges125 silver badges154 bronze badges

1 Comment

K.G Over a year ago

You can also use an array

Collectives™ on Stack Overflow

Multiple HTML div elements in single javascript object property

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related