处理分页，点击父元素

Question

我正在尝试在我的页面中处理分页，分页链接是这样的

<a href="nextpage.php"> <img src="pic.jpg" id="next"></a>

这是我点击此链接的代码

 while (has_next_page)
{
      // do some data scraping 

            if ( await page.$("img#next"))
            {

                console.log('clicking on next page');
                await  page.click('#next');

                await Promise.all([
                    page.waitForNavigation() ,
                    page.waitForSelector('#rowTbl'),
                ]).catch(function(){
                    throw new Error(tab_id + ' error waitning for rowTbl');
                })

            }
            else
                has_next_page = false ;
}

由于某种原因这不起作用，即使单击它也无法导航到下一页..所以我想也许我必须点击a标签而不是img...所以这是我的问题，我怎样才能点击img#next parent？

Answer 1

您应该能够使用.evaluate() 来触发您无法使用选择器的元素上的点击事件。

await page.evaluate(() => { document.querySelector("#next").parentNode.click(); });