jQuery grab html

Question

We have link to some page (with html code, on the same domain), that page have one img, which attributes title and alt are equal.

Script must open link (no showing on the page), grab the src attribute of img which title=alt, and throw the value into some variable.

Is it possible to do?

Thanks.

Answer 1

Use jQuery: on that specific page

$(document).ready(function(){    
    var link = $('img').attr('src');
    var title = $('img').attr('alt'); // or $('img').attr('title');    
});

Answer 2

First this will read data from external url:

$.get('../item/test.html', function(data) {
    alert(data);
});

Does it work for you? Does it display your url?

Answer 3

You can do it using $.get(), .filter() and .attr(), like this:

$.get('/works', function(data) {
  var src = $('img', data).filter(function() { return this.title == this.alt; })
                          .attr('src');
  dosomethingWithIt(src);
});

This is an asynchronous operation, so that function will execute and get the src when the response comes back, it won't be available in the line of code after the $.get(). You need to continue whatever operation needs that info from within that function, so it continues working once the data comes back and is ready.

Answer 4

Hi,

$.get(link, function(data) {
  variable = $(data).find('img[title="same"][alt="same"]').attr('src');
});