赛普拉斯，获取元素的索引，稍后将其用于 td 元素

Question

嘿，我有一个关于赛普拉斯的问题。我有以下 table:

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

我想获取 'th' table 元素的索引以获取它在 'td' 中的值。我已经尝试使用 jquery API 但它 returns 用于 -1 而不是 2： Cypress.$('th:contains('Age')').index()

不需要jquery>我只是想确保即使'Age'改变了它的位置，我也能从[=18得到它对应的正确值=].

Answer 1

这是获取“年龄”列的 index 的方法 header:

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

Cypress, get index of th element to use it later for it's td element