Getting specific element from external site using jQuery / ajax

Question

I am using jQuery and this plugin to pull content from an external site.

It works great using the following code:

$.ajax({
       ur         


        

Answer 1

Try using jQuery.parseHTML();

Description: Parses a string into an array of DOM nodes.

$.ajax({
   url: 'http://www.somesite.com/',
   type: 'GET',
   success: function(res) {
      var data = $.parseHTML(res);  //<----try with $.parseHTML().
      $(data).find('div.content').each(function(){
          $('#here').append($(this).html());
     });

   }
 });

because ajax response is a string and that way you can't use .find() method to find a dom node. so first you have to parse the string as dom nodes which you recieved from server then you can use .find() to select your target element.