jQuery: create new objects... $(object)

Question

Can you guys please help me with this jsFiddle?: http://jsfiddle.net/4CNKa/2/

I am trying to create new (hidden) objects [ $(object) ] on the fly...with jQuery...but so far, I had no luck. In this jsFiddle it's a div, but I want to be able to create any kind of $()

$(document).ready(function() {
    $("#msg") = '<div id="msg"></div>';
    $("#msg").html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( $("#msg").text() ); //FOR TESTING ONLY!!!
    $("#msg").appendTo('body'); //FOR TESTING ONLY!!!
});

Naftali · Accepted Answer · 2011-11-10 17:46:02Z

2

Try this:

$(document).ready(function() {
    var div  = $('<div id="msg"></div>');
    div.html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( div.text() ); //FOR TESTING ONLY!!!
    div.appendTo('body'); //FOR TESTING ONLY!!!
});

Fiddle: http://jsfiddle.net/maniator/4CNKa/3/

answered Nov 10, 2011 at 17:46

Naftali

147k41 gold badges247 silver badges304 bronze badges

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

5 Comments

Omar Juvera Over a year ago

Thanks, but I wanna reference the object as $("#msg") instead of div.something .

Naftali Over a year ago

@Omar not sure why you want to do that. because every time you do $('#msg') it has to search the dom. later on you can to $('#msg') but not when the div was not created yet.

Álvaro González Over a year ago

@Omar - Do you understand what a jQuery selector is?

Omar Juvera Over a year ago

I thought $() refers to objects

Omar Juvera Over a year ago

I I want to use your example with UI dialog, how will it work?

James Johnson · Accepted Answer · 2011-11-10 17:52:05Z

1

You can create new elements in jQuery like this:

var el = $("<div class='className' />").html("Hello World!");
el.appendTo($("#container"));

answered Nov 10, 2011 at 17:52

James Johnson

46.1k8 gold badges75 silver badges111 bronze badges

Collectives™ on Stack Overflow

jQuery: create new objects... $(object)

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest