javascript - Cheerio 在 href 中从 json 中获取图像

Question

我在 Node.js 中使用 cheerio 模块来解析网页。我有一个问题，因为我想解析这段代码:

<div class="offer-photo" data-photo-urls='[{"small":"http://img02.allegroimg.pl/photos/64x48/61/16/25/71/6116257188","medium":"http://img02.allegroimg.pl/photos/400x300/61/16/25/71/6116257188"}]'>
        <a href="http://allegro.pl/klasyczne-okulary-lenonki-lustrzanki-kolory-etui-i6116257188.html" class="inner lazy-load" data-src="http://img02.allegroimg.pl/photos/128x96/61/16/25/71/6116257188">

        <noscript>
            <img src="http://img02.allegroimg.pl/photos/128x96/61/16/25/71/6116257188" alt="" />
        </noscript>

        </a>

    </div>

如何使用 Cheerio 从此代码获取图像？

Answer 1

获取元素，然后使用.data()方法获取数据属性，解析JSON

var cheerio = require('cheerio'),
$ = cheerio.load(html);

var element = $('.offer-photo').first();
var data    = element.data('photo-url');
var obj     = JSON.parse(data);

data-attribute 似乎是唯一包含 JSON 的东西，而不是来自 anchor 的 href，它只包含一个 URL，可以用 ?

var href = element.find('a').attr('href');