Getting relevant information from a GET response using JQuery

Question

I'm trying to get only the necessary information from a GET request. Here's the function I'm using:

this.updateTargetList = function(content) {
    $.get("index.php?AJAXmd=1", function (data) {
        var selector = "div.list";
        $(selector).html(data);
    });
}

The GET returns a whole bunch of html, more than I need, so it's loading that into the div whose class is "list". For example, the get is returning:

<div class="a">.....
     <div class="b">.......
           <div class="list>........</div>
     </div>
</div>

How can I change data to only get the class or id that I want?

score 0 · Answer 1 · edited May 23 '17 at 12:14

0

Answer from Can jQuery Parse HTML Stored in a Variable?

$(myHtml).filter('#someid').doStuff();

edited May 23 '17 at 12:14

Community

1
1

answered Jun 17 '15 at 16:32

SDekov

9,276
1
20
50

score 0 · Accepted Answer · answered Jun 17 '15 at 16:37

There are several ways you can do this. The easiest is to use the load() ajax shorthand method like so. replace #selection with the selector for the part of the DOM you would like to get.

$('div.list').load('index.php?AJAXmd=1 #selection');

You could also get the whole page using $.get or $.ajax and then create a jQuery object from the response and then select the information you want from it.

this.updateTargetList = function(content) {
    $.get("index.php?AJAXmd=1", function (data) {
        var selector = "div.list";
        var data = $(data);
        var selection = data.find('.list').html();
        $(selector).html(selection);
    });
}

Getting relevant information from a GET response using JQuery

2 Answers2