Question

I use $.ajax() to get some HTML pages from my server.
The retrun contains the full HTML result. But i am only interested in a very specific div inside this document.

The only given thing is that my ajax success function returns a JSON object. I have made a PHP proxy file i use for other stuff that returns me a JSON object with the headers, some information to the file I’m loading and its contents. So basically i have a string containing the whole HTML of the page.

Actually i make it like that: $($(data.content)[21])
but this is awful example of jquery (Because i use the $ selector twice, and the HTML could by changing and the div I’m interested in could be changing position in the jquery array). I would like to get only the div <div id="items">...</div> and its contents and only then select it with jquery.

What is the best practice for this case? What would your approach look like?

PS: in case that my example is not clear, your can see an example here:
http://meodai.ch/content_slider/

Answer 1

success: function(result) {
    var div = $(result).filter('#items');
}