javascript - Cypress : Getting an element from a table using another element as reference

Question

好的，情况是这样的。我有一个网页，我在其中向表格添加元素，当我添加该元素时，网页会自动为其分配一个编号。

我的问题是:我怎样才能得到这个号码？因为它是自动生成的，所以我无法知道它会是哪个数字。该表是这样的:

姓名号码
橙35
苹果452
柠檬77

代码:

<tr data-id="77">
                    <td class="col col-md-5 text-left">
                        Lemon
                    </td>
                    <td class="col col-md-5 text-left">
                        77
                    </td>
</tr>

如您所见，数字 77 没有唯一标识符，当我创建 Lemon 时，我无法知道该数字是什么。

我的第一个想法是获取左侧的元素，即 Lemon，因为我知道它的名字(是我使用 .type() 给出了它的名字，然后尝试获取 Lemon 右侧的元素，这将是一个我不知道它会是什么数字的数字。

这可能吗？有更好的方法吗？

Answer 1

在不知道确切的数字内容是什么或包含元素的显着特征的情况下，您将需要相对选择命令之一，

<强> Siblings

cy.contains('td', 'Lemon')
  .siblings().eq(0)
  .invoke('text')
  .then(lemonText => {
    const lemonNumber = +lemonText.trim();
    // do something with lemonNumber
})

<强> Next

cy.contains('td', 'Lemon')
  .next('td')
  .invoke('text')
  .then(lemonText => {
    const lemonNumber = +lemonText.trim();
    // do something with lemonNumber
})