jQuery: Create an element inside another created element

Question

In the following string, I'm trying to add an additional span around the post.caption but keep it inside the . I've tried prepend and wrap before and after the .html, but can't get it or anything to do it correctly.

$('').html(post.caption).appendTo(entry);

Result would look like Caption content

Here's the full snippet if that helps:

entry = $('<a />').attr('href', post.permalinkFull)
        $('<img />').attr('src', post.image).appendTo(entry)
        $('<span class="overlay" />').html(post.caption).appendTo(entry);

Any help would be hugely appreciated!

@EmCo Not necessarily. $('') works fine as well — user1726343
– user1726343, Commented Mar 14, 2013 at 18:12

mitai · Accepted Answer · 2013-03-14 18:18:01Z

3

if post.caption is a string, then as I understand it you also want to create the span around it:

$('<span>').html(post.caption).appendTo(entry).wrap('<span class="overlay" />');

answered Mar 14, 2013 at 18:18

mitai

3141 gold badge4 silver badges13 bronze badges

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

3 Comments

Ryan Palmer Over a year ago

This one worked! The ordering of everything. Many thanks @mitai and all that chimed in.

mitai Over a year ago

Good luck! Please remember to mark the answer as correct, I need a few more points before I can comment on stuff around here :)

mitai Over a year ago

great, I just got the "comment everywhere" privilege, I'm on my way to the top :P

Jai · Accepted Answer · 2013-03-14 18:21:47Z

3

You can try this with wrapInner:

$('<span class="overlay" />').html(post.caption)
                             .wrapInner('<span />').appendTo(entry);

edited Mar 14, 2013 at 18:21

answered Mar 14, 2013 at 18:15

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Collectives™ on Stack Overflow

jQuery: Create an element inside another created element

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related