使用 axios/cheerio 制作网页抓取工具； 无法弄清楚其余的功能

Question

anyone with axios/cheerio experience can you answer this question please?

I'm trying to make a scraper but having difficulty making it get a selected div

the html section is like so:

<div class="_702d723c dib w-50 bb b--black-10 pr2">
<h3 class="c84e15be f5 mt2 pt2 mb0 black-50">Version</h3>
<p class="f2874b88 fw6 mb3 mt2 truncate black-80 f4">7.3.2</p>
</div>

Scraper Code:

const cheerio = require("cheerio");
const axios = require("axios");
let NPMJS = `https://www.npmjs.com/package/semver`;

axios.get(NPMJS).then((response) => {
    let $ = cheerio.load(response.data);
    $('._702d723c').filter(function () {
        var data = $(this);
        let version = data.children().first().next().text()
        console.log(version)
    })
}).catch(function (e) {
    console.log(e);
});

outputs:

7.3.2
ISC
83.8 kB
51
github.com/npm/node-semver#readme
Gitgithub.com/npm/node-semver
6 months ago

How would I get the 7.2.3 from this output?

Answer 1

That class looks like it might change. I would do:

$('h3:contains("Version") + p').text()

Answer 2

$('._702d723c').each(function (i, e) {
  console.log($(e).find("p").html());
})