Content of html div using jquery

Question

I made an ajax call to a page and I receive some HTML code:

$.ajax({
    url: 'test.php',
    data: "id=1",
    cache: false,
    success: function(myHtml){
       //here I have myHtml 
    }
});

the returned html by test.php is myHtml and looks like:

<div id="firstDiv">
some text 123
</div>
<div id="firstDiv">
some text 456
</div>

How I get the content of firstDiv in jquery success ?

Thank you.

lonesomeday · Accepted Answer · 2011-06-08 15:30:10Z

1

You can use the jQuery constructor to build a jQuery object based on that code.

var results = $(myHtml);

In this case, you will have several elements in the selection, so you'll need to filter them, perhaps with eq in this case:

var firstResult = results.eq(0);

Note that there is no telling what jQuery will do with multiple instances of the same id in an HTML string.

answered Jun 8, 2011 at 15:30

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

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

Comments

James Montagne · Accepted Answer · 2011-06-08 15:31:17Z

0

$(myHTML).filter("div:first").text()

answered Jun 8, 2011 at 15:31

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

Hasan Fahim · Accepted Answer · 2011-06-08 15:31:19Z

0

Try the following:

$("#firstDiv").get().innerHTML

answered Jun 8, 2011 at 15:31

Hasan Fahim

3,8751 gold badge34 silver badges51 bronze badges

Luke · Accepted Answer · 2011-06-08 15:32:19Z

0

$(myHtml).find("#firstDiv").html()

answered Jun 8, 2011 at 15:32

Luke

1,23310 silver badges10 bronze badges