如何找到具有动态ID的元素？

Question

我想找到此元素：

<tr class=" category-2 saleproductname  " id="21" xpath="1">
<input class="check-box" id="BillInfo_4__isSelected" type="checkbox" value="true" xpath="1">

我正在尝试找到ID，但是ID是动态的，此特定项目可以具有ID =“ Billinfo_0__isselected，有时ID =” Billinfo_1__isseleded，我必须继续更改代码。有什么解决方案吗？这里只有ID = 21是唯一的，但也无法使用。我试图使用ID，因为该类很常见，并且也找到了其他元素。

Answer 1

由于id =“ 21”是唯一的，因此请查询并使用.find（）（在父母中会找到）访问输入

cy.get('tr#21')
  .find('input')

，以防万一 如果id =“ 21”每个构建更改，则同一行

cy.get('tr#21')
  .children()
  .eq(0)          // first child element

是一个好主意

<input class="check-box" id="BillInfo_4__isSelected" data-cy="my-input" ... />

cy.get('[data-cy="my-input"]')

Answer 2

您可以使用属性属性selectortor

1. 从 Billinfo _ 开始。 [class^=“”]
2. 以 __ ISSELECTED 结束。 [类$ =“”]

const element = document.querySelector('[id^="BillInfo_"][id$="__isSelected"]');

console.log(element);

<div id="BillInfo_4__isSelected"></div>