CODEWITHSUNDEEP
ajaxjquery
Fresheyeball
Fresheyeball

Reputation: 30035

jQuery GET html as traversable jQuery object

This is a super simple question that I just can't seem to find a good answer too.

$.get('/myurl.html', function(response){
     console.log(response); //works!
     console.log( $(response).find('#element').text() ); //null :(
}, 'html');

I am just trying to traverse my the html response. So far the only thing I can think of that would works is to regex to inside the body tags, and use that as a string to create my traversable jQuery object. But that just seems stupid. Anyone care to point out the right way to do this?

Maybe its my html? 

<html> 
    <head> 
       <title>Center</title> 
    </head> 
    <body> 
        <!-- tons-o-stuff -->
    </body>
</html>

This also works fine but will not suit my needs:

$('#myelem').load('/myurl.html #element');

Upvotes: 6

Views: 2652

Answers (4)

mspisars
mspisars

Reputation: 854

Try this:

$("#element", $(response)).text()

This searches for the element ID in the $(response) treating $(response) as a DOM object.

Upvotes: 0

David Gorsline
David Gorsline

Reputation: 5018

Maybe I'm misunderstanding something, but 

.find('#element')

matches elements with an ID of "element," like 

<p id="element">

Since I don't see the "tons of stuff" HTML I don't understand what elements you're trying to find.

Upvotes: -1

ipr101
ipr101

Reputation: 24236

When jQuery parses HTML it will normally strip out the html and body tags, so if the element you are searching for is at the top level of your document structure once the html and body tags have been removed then the find function may not be able to locate the element you're searching for.

See this question for further info - Using jQuery to search a string of HTML

Upvotes: 1

d_inevitable
d_inevitable

Reputation: 4461

It fails because it doesn't like <html> and <body>.

Using the method described here: A JavaScript parser for DOM

$.get('/myurl.html', function(response){
     var doc = document.createElement('html');
     doc.innerHTML = response;

     console.log( $("#element", doc).text() );
}, 'html');

I think the above should work.

Upvotes: 7

Related Questions