jQuery.get() and returned html data: how to extract piece of codes?

Question

Suppose that you can retrieve an HTML page through a call by using the jQuery.get() function, e.g. as follows:

$.get('xxx.php', 
        function(data) {
        //handle data, that is HTML code....
});

Is there any jQuery solution to extract elements (e.g. div, ul and so on) by the data variable?

PS: I don't believe that using load() to load page fragments is a good idea since I want to minimize the number of server requests.

The browser will cache repeated Ajax calls whenever possible. — Blazemonger, Aug 06 '12 at 16:41
So, Do you suggest to use `load()` instead of the `get()` function? — JeanValjean, Aug 07 '12 at 07:58

score 2 · Accepted Answer · answered Aug 06 '12 at 16:23

2

$.get('xxx.php', 
        function(data) {
        //handle data, that is HTML code....
        var pageDivs = $(data).find('div');
});

Just make the HTML returned a jquery object and you can use any DOM functions normally.

answered Aug 06 '12 at 16:23

idrumgood

Uh, ok! It is very easy! Great Javascript library. Thanks! – JeanValjean Aug 06 '12 at 16:25

1 Answers1