Jquery - Get div html from string

Question

I have a string containing html, including several divs. I need to get the html from one of those divs, which has the class '.image-desc'.

I thought I would be able to do the following, but it doesn't work:

$('<div class="image-title">Title</div><div class="image-desc">Description</div>').find('.image-desc').html();

Any ideas on how I can do this?

Didier Ghys · Accepted Answer · 2012-01-13 10:31:10Z

6

The problem is that .find() will search for children, not elements in the current jQuery object.

Use .filter() to filter the current selection:

$('<div class="image-title">Title</div><div class="image-desc">Description</div>')
    .filter('.image-desc').html();

Working example on jsfiddle

answered Jan 13, 2012 at 10:31

Didier Ghys

30.6k9 gold badges77 silver badges82 bronze badges

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

1 Comment

iltdev Over a year ago

Thanks Didier Ghys. I was almost there :)

Grooveek · Accepted Answer · 2012-01-13 10:37:03Z

1

What you're writing

$('<div class="image-title">Title</div><div class="image-desc">Description</div>')

will create a jQuery object containing two divs. So

$('<div class="image-title">Title</div><div class="image-desc">Description</div>').each(function(){
        if($(this).hasClass('image-desc')){
             //do whatever you want
        }
})

should work

EDIT : @Didier Ghys' answer is neater

answered Jan 13, 2012 at 10:37

Grooveek

10.1k1 gold badge30 silver badges37 bronze badges

Collectives™ on Stack Overflow

Jquery - Get div html from string

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