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

http://stackoverflow.com/questions/327047/what-is-the-most-efficient-way-to-create-html-elements-using-jquery — Sudhir Bastakoti, Dec 21 '11 at 12:19

score 1 · Accepted Answer · answered Dec 21 '11 at 12:19

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 '11 at 12:19

Nicola Peluchetti

74,514
30
136
188

which is exactly the same as explained in the link @Web Developer referenced in his question. – Juri Dec 21 '11 at 12:22
@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 – Nicola Peluchetti Dec 21 '11 at 12:27

score 0 · Answer 2 · edited May 23 '17 at 11:55

0

see example here

edited May 23 '17 at 11:55

Community

1
1

answered Dec 21 '11 at 12:19

Rohan Kumar

39,838
11
73
103

Create element using JavaScript and jquery

2 Answers2