Parse html from variable into jQuery object

Question

I am doing an ajax post that returns some html and I want to find out how many divs with a class of entry there are in the returned html and then loop through them.

$.post(url, { 'data' : 'qdewde' }, function(data) {
    alert( $('entry', data).length );

    $('.entry', data).each(function() {
        // do something here
    });
}, 'html');

html returned:

<!DOCTYPE html>
<html lang="en">
<head>
<body>
    <div class="entry"><h1>Entry 1</h1></div>
    <div class="entry"><h1>Entry 2</h1></div>
    <div class="entry"><h1>Entry 3</h1></div>
</body>
</html>

The alert just outputs 0 though and I'm unable to loop through each .entry object. What am I doing wrong?

Jai · Accepted Answer · 2016-02-03 10:39:03Z

1

For this you can create a virtual div to hold the response then only you can get the length:

$.post(url, { 'data' : 'qdewde' }, function(data) {
    var vd = $('<div>', {html:data});
    alert(vd.find('.entry').length);
}, 'html');

answered Feb 3, 2016 at 10:39

Jai

74.8k12 gold badges77 silver badges104 bronze badges

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

Collectives™ on Stack Overflow

Parse html from variable into jQuery object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related