playwright/xpath - 如何获取动态列表中的下一个元素

Question

我没主意了。我尝试从这段代码中获取例如 genere。如果项目没有关于某事的信息，则列表项目是动态生成的，然后部分不存在。我试图找到带有文本“genere”的 div 并尝试从 h3 元素中的 next 获取文本。我使用 JS、Playwright、XPath。示例代码：

<div class="infoItem">
    <h3 class="header">director</h3>
    <div class="info">John Doe</div>
    <h3 class="header">country</h3>
    <div class="info">DE</div>
    <h3 class="header">screenwriting</h3>
    <div class="info">John Doe</div>

    <!--[...]-->
    
    <h3 class="header">genere</h3>
    <div class="info">Comedy</div>
    <h3 class="header">premiere</h3>
    <div class="info">2019-02-18</div>
 </div>

Answer 1

您可以使用剧作家所说的 selecting elements based on layout

获取 genere 文本下方的 h3 元素

page.locator('h3:below(:text("genere"))') //gets <h3 class="header">premiere</h3>

playwright/xpath - 如何获取动态列表中的下一个元素

playwright/xpath - How to get next element in dynamicaly list

javascript

xpath

web-scraping

playwright