Scraping HTML and manipulate elements using jquery

Question

I want to GET html from my second site(subdomain) and use it to build a part of this site.

HTML site:

<head>
<body>

<div id = "items">
  <div id = "#one">
    <ul>
       <li><a href = "#">Click here</a></li>
       <li><img src = "/images.png" /></li>
    </ul>
  </div>

  <div id = "#two">
    <ul>
       <li><a href = "#">Click here</a></li>
       <li><img src = "/images2.png" /></li>
    </ul>
  </div>
 </div>

</body>
</head>

I want to do things like counting number of div elements, getting list etc.

This is what I tried:

$.ajax({ 
 url: '/mysite/items.html', 
success: function(data) { 
  //Need to manipulate here

  var html = $(data);

  var items = $.get(".items", html);
  var numItems = $('.items').length;

  console.log(data); //There is data(Whole HTML is here.)

  console.log(items); //This is undefined??
  console.log(numItems): //This is undefined??

  var raw = html.get(".offers"); //Complains doesnot have a get method??

},
});

Arun P Johny · Accepted Answer · 2014-02-04 04:16:36Z

2

From what I can see what you want os

$.ajax({
    url: '/mysite/items.html',
    success: function (data) {
        //Need to manipulate here

        var $html = $(data);

        //use .find() to find elements with class items in data
        var $items = $html.find('.items');
        //use the items object to get the length
        var numItems = $items.length;

        console.log(data);

        console.log($items);
        console.log(numItems):

        //need to use .find() to get the elements matching a selector
        var raw = $htm.find(".offers");

    },
});

answered Feb 4, 2014 at 4:16

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

helion3 · Accepted Answer · 2014-02-04 04:11:45Z

0

Javascript can't load a non-javascript file from another domain because of the same-origin security policy. If you own both sites you can enable CORS

Otherwise You'll need a server-side language to act as a proxy

answered Feb 4, 2014 at 4:11

helion3

38k16 gold badges66 silver badges113 bronze badges

4 Comments

WhatisSober Over a year ago

Hi I am loading this file from my subdomain. I can get HTML file just fine. The problem is with manipulating, getting elements and breaking them. Thanks

helion3 Over a year ago

Javascript has no default way of parsing DOM documents like xml/html. You'll need to find a library for it, like jquery

cbreezier Over a year ago

@helion3 he is using jQuery at the moment it seems.

helion3 Over a year ago

I see, he added the jquery code to the question. Nice

Collectives™ on Stack Overflow

Scraping HTML and manipulate elements using jquery

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related