使用 Xpath 如何 select 具有特定 innerText 的元素的多个父级类？

Question

使用 Puppeteer，我需要 select 小时和分钟来安排 post 从小部件 HTML 小部件的代码是这样的：

 <div class="vdatetime-time-picker">
    <div class="vdatetime-time-picker__list vdatetime-time-picker__list--hours">
      <div class="vdatetime-time-picker__item vdatetime-time-picker__item--selected">00</div>
      <div class="vdatetime-time-picker__item">01</div>
      <div class="vdatetime-time-picker__item">02</div>
      <div class="vdatetime-time-picker__item">03</div>
      <div class="vdatetime-time-picker__item">04</div>
      <div class="vdatetime-time-picker__item">05</div>
      <div class="vdatetime-time-picker__item">06</div>
      <div class="vdatetime-time-picker__item">07</div>
      <div class="vdatetime-time-picker__item">08</div>
      <div class="vdatetime-time-picker__item">09</div>
      <div class="vdatetime-time-picker__item">10</div>
      <div class="vdatetime-time-picker__item">11</div>
      <div class="vdatetime-time-picker__item">12</div>
      <div class="vdatetime-time-picker__item">13</div>
      <div class="vdatetime-time-picker__item">14</div>
      <div class="vdatetime-time-picker__item">15</div>
      <div class="vdatetime-time-picker__item">16</div>
      <div class="vdatetime-time-picker__item">17</div>
      <div class="vdatetime-time-picker__item">18</div>
      <div class="vdatetime-time-picker__item">19</div>
      <div class="vdatetime-time-picker__item">20</div>
      <div class="vdatetime-time-picker__item">21</div>
      <div class="vdatetime-time-picker__item">22</div>
      <div class="vdatetime-time-picker__item">23</div>
    </div>
    <div class="vdatetime-time-picker__list vdatetime-time-picker__list--minutes">
      <div class="vdatetime-time-picker__item">00</div>
      <div class="vdatetime-time-picker__item">05</div>
      <div class="vdatetime-time-picker__item">10</div>
      <div class="vdatetime-time-picker__item">15</div>
      <div class="vdatetime-time-picker__item">20</div>
      <div class="vdatetime-time-picker__item">25</div>
      <div class="vdatetime-time-picker__item">30</div>
      <div class="vdatetime-time-picker__item">35</div>
      <div class="vdatetime-time-picker__item vdatetime-time-picker__item--selected">40</div>
      <div class="vdatetime-time-picker__item">45</div>
      <div class="vdatetime-time-picker__item">50</div>
      <div class="vdatetime-time-picker__item">55</div>
    </div>
  </div>

假设我需要 select 15:15。我知道使用 Xpath 我可以 select 内部文本

const xpathHour = "//div[text()='15']";

问题是，当 select 计算分钟时，它是 5 的倍数，它会 select 小时（再次），因为 Puppeteer 会找到文本为 15 的第一个元素. 它们的父元素不同，那么我怎样才能在 Xpath 中获得与这个相同的结果？

document.querySelector('.vdatetime-time-picker__list--hours .vdatetime-time-picker__item').innerText === "15"

Answer 1

您可能正在寻找：

const xpathMinute = "(//div[text()='15'])[2]";

这是第二个 div 文本为“15”。

() 很重要，因为 [] 运算符具有更高的优先级。

使用 Xpath 如何 select 具有特定 innerText 的元素的多个父级类？

Using Xpath how to select multiple parent classes of an element that has a specific innerText?

javascript

xpath

node.js

puppeteer

使用 Xpath 如何 select 具有特定 innerText 的元素的多个父级 类？

Using Xpath how to select multiple parent classes of an element that has a specific innerText?

javascript

xpath

node.js

puppeteer

使用 Xpath 如何 select 具有特定 innerText 的元素的多个父级类？