单击多个选择器的最后一个元素

【问题标题】：Clicking on the last element of multiple selectors单击多个选择器的最后一个元素
【发布时间】：2019-05-18 23:16:41
【问题描述】：

我有多个.home 元素，我想点击最后一个

这是我写的：

await page.waitForSelector('.home');
const el = await page.$eval('.home', (elements) => elements[elements.length - 1]);
el.click();

但它不起作用。相反，我收到以下错误：

TypeError: Cannot read property 'click' of undefined
    at open_tab (C:\wamp64\www\home_robot\robot.js:43:12)
    at process._tickCallback (internal/process/next_tick.js:68:

【问题讨论】：

您是否尝试获取所有 '.home' 元素并查看实际存在的内容？

标签： javascript node.js puppeteer

【解决方案1】：

最简单的方法是使用page.$$ 获取.home 元素的所有元素句柄，然后单击数组中的最后一个元素：

const elements = await page.$$('.home');
await elements[elements.length - 1].click();

为什么您的代码不起作用

您不能使用page.$eval 返回元素句柄，因为您返回的数据将通过JSON.stringify 从浏览器发送到您的Node.js 环境时进行序列化。

引用上面链接的文档：

returns: PromiseSerializable> Promise 解析为pageFunction的返回值

由于无法序列化 DOM 元素，因此您无法在 Node.js 脚本中单击它，而是会收到错误消息。您必须使用page.$ 或page.$$ 来获取元素句柄。

【讨论】：