jQuery AJAX response find div returns Null

Question

I have a table that gets sorted by a certain column when the user selects an option from the drop-down. It is a self-referencing PHP script that contains an IF clause for a GET request.

Since it is a self-referencing file, it returns the entire HTML content of the page, so I need a single div returned. The entire response returns fine, but jQuery find always returns null for any div.

Also, the response data always returns "string" even though I have specified html. I'm not sure if this is relevant or not.

This is what I have so far:

function sortTable()
{     
    var by=encodeURIComponent(document.getElementById("sort").value)
    $.ajax({
    type: "GET", 
    url: '/tasks?sort=', 
    data: by,  
    dataType: "html",
    success: function(data) {  
        var tmp = data;
        var test = $(tmp).find("sort-table");
        alert(test.html());


    },

    });

sort-table is an id, I have tried using #sort-table without any luck — user975206, Oct 03 '11 at 07:41
You probably have another element with the same id somewhere on the page. — JJJ, Oct 03 '11 at 07:51

score 0 · Answer 1 · edited May 23 '17 at 10:25

0

That was work for me

$(data).filter('div.test');

here is link Use Jquery Selectors on $.AJAX loaded HTML?

edited May 23 '17 at 10:25

Community

1
1

answered Oct 31 '14 at 17:00

Qasi

31
4

score 0 · Answer 2 · answered Oct 03 '11 at 07:41

0

I think you are missing something

var test = $(tmp).find(".sort-table");

or

var test = $(tmp).find("#sort-table");

answered Oct 03 '11 at 07:41

Nicola Peluchetti

76,206
31
145
192

score 0 · Answer 3 · answered Oct 03 '11 at 07:42

0

var test = $(tmp).find("div.sort-table");

it will find divs with class sort-table

answered Oct 03 '11 at 07:42

Rafay

30,950
5
68
101

Thanks, this worked for calling another div on the page, but for some reason did not work for the sort-table div. I switched it to a class and it's working great – user975206 Oct 03 '11 at 07:50
`find("sort-table")` will look for an element named `sort-table` but `find(div.sort-table)` will look for a div that has a class `sort-table` – Rafay Oct 03 '11 at 07:52

jQuery AJAX response find div returns Null

3 Answers3