Pulling DOM content as jQuery object from $.get()

Question

As part of a jQuery plugin, a strange object format is pulled using $.get(), meaning that DOM traversal isn't possible in any of the post-function hooks:

$.get($href)
.done(function(){
  $linkClicked.addClass('active')
})
.fail(function(){
  $.get(settings.errorUrl, function(){
    $('.main-navigation .active').removeClass('active')
  })

})
.always(function(data){

  // The below line does not work correctly
  $(settings.target).hide().html( $(data).children(settings.target).html() ).fadeIn('fast')

})

If somebody could lend a hand, that'd be great. Many thanks.

`var whatYouNeed = $('#yourId').val();` – Daniel Kmak Jul 10 '13 at 10:55 — Daniel Kmak, Jul 10 '13 at 10:55

naota · Answer 1 · 2013-07-10T12:21:21.083

I guess you can do like this:

$.get('ajax/test.html', function(data) {
 var container = $('<div />').html(data);
 var contentYouNeed =  container.find('#ajaxID').html();
});

As you can see on the document here ( http://api.jquery.com/jQuery.get/), The returned data by jQuery.get() is a PlainObject or a String.

data
Type: PlainObject or String
A plain object or string that is sent to the server with the request.

To retrieve the contents from this object, you put this data in a <div> object like this.

 var container = $('<div />').html(data);

And you can use find() to get the content.

var contentYouNeed =  container.find('#ajaxID').html();

Please see revision of question – user2568056 Jul 10 '13 at 13:21 — user2568056, Jul 10 '13 at 13:21

score 1 · Answer 2 · edited May 23 '17 at 11:56

1

No no no no. You don't use regex for parsing HTML please read this.

Also, to solve you problem use jQuery selectors: $("#yourID").html()

edited May 23 '17 at 11:56

Community

1
1

answered Jul 10 '13 at 10:53

Stasel

1,298
1
13
26

Well-aware of this. The HTML in question is the data returned from a $.get() response. Unless you know of a way in which to convert this response data to a jQuery object? – user2568056 Jul 10 '13 at 10:59
1

@user2568056 `$.get().done(function (html) { var $html = $(html) /* you can now use this like a jQuery collection in the document */` – Explosion Pills Jul 10 '13 at 11:20
Please see revision of question – user2568056 Jul 10 '13 at 13:20

score 0 · Answer 3 · answered Jul 10 '13 at 11:39

0

So the response is always one div element? In that case it's just a matter of grabbing the contents of it. No matter what the ID and attributes are.

$.get('ajax/call.php', function(data) {
    var contents = $(data).html();
});

answered Jul 10 '13 at 11:39

Eric

18,532
2
34
39

Please see revision of question – user2568056 Jul 10 '13 at 13:21

Pulling DOM content as jQuery object from $.get()

3 Answers3