是否可以使用 Cypress 获取第 n 个孩子的内容？答案

【问题标题】：Is possible to get the content of the nth child with Cypress?是否可以使用 Cypress 获取第 n 个孩子的内容？
【发布时间】：2021-06-22 14:48:33
【问题描述】：

我有一个 HTML 代码，例如：

<div class='textDiv'>
  <h1>Header 1</h1>
  <h2>Header 2.1</h2>
  <p>Paragraph</p>
  <h2>Header 2.2</h2>
  <h2>Header 2.3</h2>
</div>

然后在赛普拉斯上我有一个类似的代码：

cy.get('textDiv').find('h2').then($h2 => {
  cy.log($h2[2]);
});

尝试获取“Header 2.3”，但获取“h2”。

是否可以获得“Header 2.3”的值？

【问题讨论】：

似乎是合法的，但是您需要为 div cy.get('.textDiv') 提供适当的选择器，也许还有另一个 h2 正在计算页面或具有该类的另一个 div。通常最好使用唯一选择器，如 ID 或 data-ci

【解决方案1】：

这是否获得了您正在寻找的价值？

cy.get('textDiv').find('h2').then($h2 => {
  cy.log($h2[2].innerText);
});

【讨论】：