css - 如何单击出现在三个具有相同名称和相同 ID 的位置的表格内的链接

Question

我想点击表中的链接。共有三个选项卡，表中的值根据选项卡的选择而变化。出现链接。所以我想点击的链接出现了三次(相同的链接，相同的 ID)。现在我想在选择第一个选项卡时单击链接。由于 Id 在所有地方都相同，因此会产生不明确的错误。

所以我使用下面的代码来点击链接

find('tr:first-child > td:third-child [id^="gia0"]').click"

但我收到错误消息“无效的选择器:指定了无效或非法的选择器”。请指教

Answer 1

我认为“无效的选择器”错误是由此引起的:

td:third-child

:third-child 不是 CSS 中存在的选择器。您可能想使用 :nth-child(an+b)选择器，例如:

find('tr:first-child > td:nth-child(3) [id^="gia0"]').click

正如上面提到的其他人一样，您的文档具有重复的 id 也是一个问题，但我不确定这将如何或是否会在 Capybara 中出现。