indexing - Cypress，获取 th 元素的索引以供稍后使用它的 td 元素

Question

我有一个关于 Cypress 的问题。我有下表:

<table>
  <thead>
    <tr>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Jill</td>
      <td>Smith</td>
      <td>50</td>
    </tr>
  </tbody>
</table>

我想获取“th”表元素的索引以获取它在“td”中的值。我已经使用 jquery API 尝试过，但它返回 -1 而不是 2: Cypress .$('th:contains('Age')').index()

它不需要是jquery>我只是想确保即使“Age”改变了它的位置，我也能够从“td”中获取它相应的正确值。

Answer 1

以下是获取带有 Age 标题的列的 索引 的方法:

cy.contains('th', 'Age').invoke('index').then((i) => {
  console.log(i)
})