如何使用Puppeteer遍历具有相同类的div
如何使用Puppeteer遍历具有相同类的div
提问于 2020-10-13 13:08:33
使用puppeteer抓取页面我能够从具有相同类的div列表中获取内容，并在这些div列表中嵌套div列表。
<div class="parent">
<div class="child"></div>
</div>
<div class="parent">
<div class="child"></div>
<div class="child"></div>
</div>
<div class="parent">
<div class="child"></div>
...
</div>
...现在我的问题是，我需要重复列表并在子类div上运行page.click()以打开lightbox，在lightbox中选择要单击的元素，然后对其运行page.pdf()。
我目前在父类div上有一个for循环，在子类div上有一个内部for循环。我不确定如何使用for循环索引值选择正确的div，因为没有第n个类，等等。
我只是想运行像这样的东西
for (let a = 0; a < data.length; a++) {
for (let b = 0; b < data[a].length; b++) {
await page.click('.parent[a] .child[b]');
// other code here...
}
}打开lightbox，然后使用
await page.waitForSelector('.ReactModal')抓取lightbox html并运行
await page.pdf({
path: dir + "/"+ filename,
format: 'A4'
});任何关于可能的方法的指导意见都将不胜感激。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-10-13 19:48:10
如果我理解正确的话，您可以尝试这样做：
for (const parent of await page.$$('.parent')) {
for (const child of await parent.$$('.child')) {
await child.click();
await page.waitForSelector('.ReactModal'); // maybe check if this is not the same lightbox
await page.pdf(/*...*/);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64335960
复制
相似问题
在亚马逊网络服务S3上批量移动文件
亚马逊网络服务S3中是否存在乐观锁定？
亚马逊亚马逊网络服务S3
批量加载亚马逊网络服务S3到Postgres流标准
是否可以压缩已存在于亚马逊网络服务S3中的文件？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
