Puppeteer page.click CSS 选择器不起作用

Question

我的 DOM 中目前有这两个输入标签

1. <input class="select2-search__field form-control">

2。 <input class="select2-search__field form-control">

如您所见，它们是具有相同类的完全相同的输入标签

但是，我可以使用 page.click() 选择第一个，但不能选择第二个

我尝试做类似以下示例的操作：

await page.click("ul.select2-selection__rendered:nth-of-type(2)>li>input");

还有：

await page.click("ul.select2-selection__rendered>li>input")[1];

但这些都不起作用。

在 Chrome 开发工具控制台中，我只是用来确保 document.querySelectorAll("ul.select2-selection__rendered>li>input") 我针对的是正确的元素，并且它工作得很好，输出是一个包含两个输入元素的数组。

Answer 1

您可以先获取元素（即ElementHandles），然后调用 click 函数。

var links = await page.$$('ul.select2-selection__rendered>li>input');
await links[1].click();