How to evaluate a div from a string which is inside .get function of Jquery

Question

I evaluated data string inside .get function:

$.get(url, function(data) {
  var divHtml = $(data).find("#comments-comments").html(); 
})

data is a returned page like that:

"<  !DOC TYPE html >\r\n\r\n< html ... < / body >\r\n\r\n< / html >"

But divHtml doesn't give the div I am interested.

var divHtml = $(data).find("#comments-comments").html();    // data is the string above.

How can I evaluate #comments-comments div?

Thanks.

Note: I purposefully inserted spaces inside the string since stackoverflow didn't show original string.

_How can I evaluate the divs I want from a string like that?_... **evaluate** would put some light more on it? — Jai, Jun 29 '14 at 09:45
I think the question is: why doesn't `$("
hello
").find("#comments-comments").html()` return `hello`? — Henrik N, Jun 29 '14 at 09:46

score 0 · Accepted Answer · edited May 23 '17 at 10:26

0

I assume you're asking: why doesn't

$("<body><div id='comments-comments'><b>hello</b></div></body>").
  find("#comments-comments").html()

return

"<b>hello</b>"

?

jQuery strips out e.g. <html> and <body>, so the <div> is effectively the top-level element. find searches for subelements.

Instead you can use filter which filters top-level elements:

$("<body><div id='comments-comments'><b>hello</b></div></body>").
  filter("#comments-comments").html()

edited May 23 '17 at 10:26

Community

answered Jun 29 '14 at 09:49

Henrik N

This solved my problem. Thanks. I try to update my page without Ajax solutions which seems to me complex. What do you say about that? – horse Jun 29 '14 at 11:56
@user2356198 I'm not sure I understand what you're asking. But I realized what you're doing is probably reinventing something that is built into jQuery – look into how `.load` supports fragments: http://api.jquery.com/load/ – Henrik N Jun 29 '14 at 13:36

1 Answers1