javascript - 如何使用CheerioJS获取shopmissa.com的文章

Question

我正在尝试获取这篇文章的所有文章。 This is my webiste so far .

但是我不擅长使用Cheerio，我只知道如何获取简单的元素。
并且，例如，产品的 URL 图像有很多子元素。

我需要的数据是:

• 文章名称，
• 价格，
• 网址，
• 图片。

我开始尝试获取所有文章图像:

axios.get("https://www.shopmissa.com/collections/eye-shadow")
     .then(res => 
       { if(res.status == 200) 
         { const html = res.data; 
           const $ = cheerio.load(html); 
           $(".product-index").each((i, elem) => 
             { console.log($(this)
               .children(".prod-container")
               .children(".prod-image") 
               .find("a")
               .children("reveal")
               .find("img")
               .attr("src")
             ) 
           }
         ) 
       } 
     }, error => console.log(error)
   )

但我不了解全部情况...
我能做什么？

Answer 1

不要试图专注于遍历每个 DOM，而是使用选择器让 Cheerio 完成繁重的工作。

axios.get("https://www.shopmissa.com/collections/eye-shadow")
  .then(res => {
    if (res.status == 200) {
      const html = res.data;
      const $ = cheerio.load(html);
      $("#product-loop").children().each((i, elem) => {
        var imageSource = $(elem).find(".reveal img").attr("src")
        var productName = $(elem).find(".product-info h3").text()
        var productPrice = $(elem).find(".product-info .money").text()
        console.log(imageSource, productName, productPrice)
      })
    }
  }, error => console.log(error))