Home/ Questions/Q 252305
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T21:40:01+00:00

Ok this is really frusturating me because I’ve done this a hundred times before,

  • 0

Ok this is really frusturating me because I’ve done this a hundred times before, and this time it isn’t working. So I know I’m doing something wrong, I just can’t figure it out.

I am using the jQuery .get routine to load html from another file. I don’t want to use .load() because it always replaces the children of the element I’m loading content into.

Here is my .get request:

$(document).ready(function() {
    $.get('info.html', {}, function(html) {
        // debug code
        console.log($(html).find('ul').html());
        // end debug code
    });
});

The file ‘info.html’ is a standard xhtml file with a proper doctype, and the only thing in the body is a series of ul’s that I need to access. For some reason, the find function is giving me a null value.

In firebug, the GET request is showing the proper RESPONSE text and when I run

console.log(html);

Instead of the current console.log line, I get the whole info.html as output, like I would expect.

Any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You cannot pull in an entire XHTML document. You can only handle tags that exist within the <body> of an html document. Frustrating. Strip everything from info.html that isn’t within your <body> tag and try it again.

    There are other potential ways around this issue – check below "Stackoverflow Related Items" at the base of this response.

    From the Doc: (http://docs.jquery.com/Core/jQuery#htmlownerDocument)

    "HTML string cannot contain elements that are invalid within a div, such as
    html, head, body, or title elements.    "

    Stackoverflow Related Items:

    • 0