Adding a tag to a JQuery object

Question

I am trying to dynamically create objects using JQuery. I have a json object with elements I want to pull and add onto the object. So far I've been using this line and I am getting text on my object:

$(this.node).find('a').text(dict.get('text1'));

I want to add a second object, "text2", with a paragraph tag. What is the function to add tags to a jquery object in a similar manner to how I've been adding text?

Edit: I want to end up with an object that has two paragraph tags which I can add class/id tags to

For append, the problem is that old text is retained when new text is added. Is there anyway around that? — Parag Srivastava
– Parag Srivastava, Commented Aug 16, 2013 at 12:31

Ionică Bizău · Accepted Answer · 2013-08-16 12:44:12Z

3

You need .append() function:

Description: Insert content, specified by the parameter, to the end of each element in the set of matched elements.

documentation

If you want to add a paragraph, you can do this:

var $p = $("p");
$p.text("This will be the paragraph text.");
$(".container").append($p);

Also here you find the insertion-inside functions.

edited Aug 16, 2013 at 12:44

answered Aug 16, 2013 at 12:35

Ionică Bizău

114k95 gold badges311 silver badges491 bronze badges

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

1 Comment

Parag Srivastava Over a year ago

For append, the problem is that old text is retained when new text is added. Is there anyway around that?

Frank Fajardo · Accepted Answer · 2013-08-16 12:41:33Z

1

You have a few options depending on how/where you want to insert your tags relative to existing content: append() or appendTo(), prepend(), after() or insertAfter(), before() or insertBefore(). If you are inserting multiple tags in the same area, you also can 'concatenate' them first using these functions, before actually inserting it to your larger jQuery object.

answered Aug 16, 2013 at 12:41

Frank Fajardo

7,4291 gold badge31 silver badges49 bronze badges

Collectives™ on Stack Overflow

Adding a tag to a JQuery object

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related