Get jQuery object from HTML string

Question

I have an AJAX request that grabs the source of Wikipedia pages:

$.ajax({
    url: "TrollWikipedia.ashx",
    data: {
        url: "http://en.wikipedia.org/wiki/20s",
    },
    type: "GET",
    success: function (html) {
        var page = $(html);
        alert(page.find("#content").length); //Alerts 0
        alert(page.html()); //alerts null
    }
});

It successfully returns the source of the page (I have a copy of the string it returns here on jsFiddle).

The problem: I can't seem to make a jQuery object from the HTML (like they do here). For some reason, it doesn't seem to be creating the object correctly. What am I doing wrong?

I'd imagine the jQuery regex determining if the value is HTML is failing somehow. Is the HTML coming from Wikipedia properly formed? Alternatively, you could always stuff that in a <script type="text/html"> element and try querying from inside that. Just a thought. — Tejs
– Tejs, Commented Aug 10, 2011 at 20:51
@Tejs You can inspect the jsFiddle link and see if the HTML is properly formed. — Peter Olson
– Peter Olson, Commented Aug 10, 2011 at 20:52

Darm · Accepted Answer · 2011-08-10 22:23:21Z

1

html data seems to be badly parsed (maybe a closing div tag is missing in the html code), use:

$.ajax({
    url: "TrollWikipedia.ashx",
    data: {
        url: "http://en.wikipedia.org/wiki/20s",
    },
    type: "GET",
    datatype: "html",
    success: function (html) {

        html=html.replace(/(<body [^>]*>)/i, '$1<div>').replace(/(<\/body>)/i, '</div>$1');
        var page = $(html);
        alert($("#content",page).length); //Alerts 1
        alert(page.html()); //alerts html
    }
});

edited Aug 10, 2011 at 22:23

answered Aug 10, 2011 at 20:53

Darm

5,6592 gold badges22 silver badges18 bronze badges

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

2 Comments

Peter Olson Over a year ago

Tried it, didn't work. :( Note that dataType is case-sensitive.

Darm Over a year ago

what is return by adding: alert(html); ?

ShankarSangoli · Accepted Answer · 2011-08-10 21:00:00Z

0

html string contains the links pointing to en.wikipedia.org site, so when we do $(html) jQuery might be getting exception due to cross domain script calls inside the html markup due to which you are not getting any thing after $(html)

edited Aug 10, 2011 at 21:00

answered Aug 10, 2011 at 20:52

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

2 Comments

Peter Olson Over a year ago

I wouldn't have thought that would be the reason. If it is, how would I fix it?

ShankarSangoli Over a year ago

I dont think there is any way to fix it unless you use iframe and load the page inside iframe.

Collectives™ on Stack Overflow

Get jQuery object from HTML string

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related