Create element using JavaScript and jquery

Question

Suggest a better way to do the following in jquery . also give me the native js code to do it

$('<div id="dialog-confirm" title="'+confirmbox.title+'"><p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>'+confirmbox.message+'</p></div>')
.appendTo('body');

Why the need. look at "Idiomatic Syntax for Creating Elements" section of this link https://stackoverflow.com/tags/jquery/info

seeing as how you asked so nicely :/

Alex
– Alex

2011-12-21 12:19:50 +00:00
Commented Dec 21, 2011 at 12:19 — Alex
– Alex, Commented Dec 21, 2011 at 12:19
stackoverflow.com/questions/327047/…

Sudhir Bastakoti
– Sudhir Bastakoti

2011-12-21 12:19:56 +00:00
Commented Dec 21, 2011 at 12:19 — Sudhir Bastakoti
– Sudhir Bastakoti, Commented Dec 21, 2011 at 12:19

Nicola Peluchetti · Accepted Answer · 2011-12-21 12:19:48Z

1

youc colud create the elements in this way:

var div $('<div>', { id: "dialog-confirm", title: confirmbox.title});
var p = $('<p>');
p.text(confirmbox.message);
var span = $('<span>').addClass('ui-icon ui-icon-alert').css({ float: "left", margin: "0 7px 20px 0"});
p.prepend(span);
div.append(p);

and then append them as needed

answered Dec 21, 2011 at 12:19

Nicola Peluchetti

76.9k32 gold badges150 silver badges197 bronze badges

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

2 Comments

Juri Over a year ago

which is exactly the same as explained in the link @Web Developer referenced in his question.

Nicola Peluchetti Over a year ago

@Juri i thought he wanted the code to do what was written in the article since his code is different from the code found in the article

Community · Accepted Answer · 2017-05-23 11:55:31Z

0

see example here

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered Dec 21, 2011 at 12:19

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Collectives™ on Stack Overflow

Create element using JavaScript and jquery

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related