0

我尝试抓取以下无序列表：

<ul>
 <li class="menu-item">
  <h2 class="menu-item-title">Title</h2>
  <p class="menu-item-description">Description</p>
  <span class="menu-item-price">Price</span>
 </li>
 <li class="menu-item">
  <h2 class="menu-item-title">Title</h2>
  <p class="menu-item-description">Description</p>
  <span class="menu-item-price">Price</span>
 </li>
</ul>

我的目标是使用 Cheerio 刮板和以下代码，每行抓取列表行，并完全按照 Apify 中的 HTML 表格获取它：

async function pageFunction(context) {
    const { $, request, log } = context;
    log.info(`URL: ${request.url}`);

    var result = [];
    var title = [];
    var description = [];
    var price = [];
    $('li.menu-item h2.menu-item-title').each(function(i, el) {
        title[i] = $(this).text().trim();
    });
    $('li.menu-item p.menu-item-description').each(function(i, el) {
        description[i] = $(this).text().trim();
    });
    $('li.menu-item span.menu-item-price').each(function(i, el) {
        price[i] = $(this).text().trim();
    });

    const numTitles = title.length;
    for (var j=0; j<numTitles; j++) {
        let obj = {
            title: title[j],
            description: description[j],
            price: price[j]
        }
        result.push(obj);
    }
    console.log('result', result);
    return {
        result
    }
}

但是，HTML 表格只显示一个超长行而不是每行一行。

来自 console.log()

2019-12-05T19:22:14.028Z   { title: 'Rucola Parmigiano Salad',
2019-12-05T19:22:14.029Z     description: 'Rocket salad with parmesan flakes.',
2019-12-05T19:22:14.030Z     price: '€9.00' },

下面是生成的 HTML 表格：

https://api.apify.com/v2/datasets/qs66oMZsxP2RYodhn/items?format=html&clean=1

如何解决此问题以使每行有一条 ul 线？

4

2 回答 2

0

为什么不遍历每个li元素并将行对象直接推送到result数组中呢？

async function pageFunction(context) {
    const { $, request, log } = context;
    log.info(`URL: ${request.url}`);

    var result = [];
    $('li.menu-item').each(function(i, el) {
        const $this = $(this);
        result.push({
            title: $this.find('h2.menu-item-title').first().text().trim(),
            description: $this.find('p.menu-item-description').first().text().trim(),
            price: $this.find('span.menu-item-price').first().text().trim()
        });
    });

    console.log('result', result);
    return {
        result
    }
}
于 2019-12-06T08:27:46.703 回答
0

那是因为您要返回一个名为result. 您还可以返回一个数组。如果你这样做，它会将多个项目推送到数据集，这正是你想要的。

所以而不是

return { result };

只是

return result;
于 2019-12-06T15:22:20.010 回答