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

Question

我没主意了。我尝试从这段代码中获取例如类型。如果项目没有有关某物的信息，则列表项是动态生成的，则该部分不存在。我试图找到带有文本“genere”的 div 并尝试从 h3 元素中的下一个获取文本。我使用 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>