Puppeteer：如何在嵌套选择器内获得IMG SRC？

Question

我有这样的结构：

<div class="loaded active">
<img class="full" src="img1.jpg">
</div>

<div class="loaded">
<img class="full" src="img2.jpg">
</div>

<div class="loaded">
<img class="full" src="img3.jpg">
</div>

我需要获得img1.jpg的链接。 我可以获得class =“ full”的链接：

const slkImg = '.full';
    
const imgs = await page.$$eval(slkImg, postLinks => postLinks.map(link => link.src));

但是我不知道只为img1.jpg。

Answer 1

如评论中所讨论的那样，

page.$eval('.loaded.active .full', el => el.src)

要归功于两件事：

1. 使用$ eval而不是$$ eval
2. 使用.loaded.active.active .full 选择一个元素代码>选择第一个.full第一个.loading.active parent的后代。