javascript - 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 .full 选择第一个 .loading.active 父级的第一个 .full 后代。