Node.js 如何设置 Puppeteer Select 器的唯一性

发布于06月18日

它的 struct 如下:

<div class="masterselector">
   <div class="selector_what_me_need selector01 selector02">not need value</div>
   <div class="selector_what_me_need">need value</div>
</div>

如何才能只 Select 第selector_what_me_need类的div个元素中的第二个文本"Need Value"？

UPD. 解决方案(我有很多这个区块):

await page.$$eval('.masterselector .selector_what_me_need:not(.selector01):not(.selector02) div', el => el.map(e => e.textContent));

推荐答案

有许多方法可以 Select 它，以下是一些方法:

.selector_what_me_need:not(.selector01)

div:not(.selector01):not(.masterselector)

div[class$=need]

代码:

const puppeteer = require("puppeteer");

const html = `
    <div class="masterselector">
    <div class="selector_what_me_need selector01 selector02">not need value</div>
    <div class="selector_what_me_need">need value</div>
    </div>
`;


let browser;
(async () => {
    browser = await puppeteer.launch({headless: false});
    // const page = await browser.newPage();
    const [page] = await browser.pages();
    await page.setContent(html);

    //let selector = ".selector_what_me_need:not(.selector01)";
    //let selector = "div:not(.selector01):not(.masterselector)";
    let selector = "div[class$=need]";  // means ends with
    let text = await page.$eval(selector, el => el.textContent);     
    console.log(text);

    await browser.close();

})().catch(err => console.error(err));