如何抓取网页的图像源代码？

Question

基本上，我正在尝试从网页获取图像src，以便随后可以下载图像。我尝试过的所有方法均无效。

另外，我对node.js和cheerio还是很陌生，所以请耐心等待。

var  DilbertURL = 'http://Dilbert.com/strip/' + getDateTime();

request(DilbertURL, function (error, response, body) {
    var $ = cheerio.load(body);

    $('div.container-fluid').each(function(i, element){
      var src = $('.img-responsive img-comic').attr("src");

      console.log(src);

    });

});

我尝试获取dilbert图像src的所有操作均不起作用。全部返回“未定义”。图片的html像这样...

<img alt="Wally's Passion  - Dilbert by Scott Adams" 
class="img-responsive img-comic" height="280"    src="http://assets.amuniversal.com/dc0c4f80fd6e0132ef1a005056a9545d" 
width="900">

我到底在做什么错？

Answer 1

将此行更改为

  var src = $('.img-responsive img-comic').attr("src");

这个

  var src = $('.img-responsive.img-comic').attr("src");

选择器现在将按预期工作！不需要空格来显示这两个类属于同一元素，而不是带有.img-response的子元素img-comic的东西，该子元素显然不会存在！

干杯