css - 如何使用 selenium 为以下 Expedia 网站示例唯一标识元素

Question

假设我去了 - https://www.expedia.co.uk/我转到“火车”选项卡并搜索选择了 1 名乘客的任何日期。

您将在下一页从列表中选择火车，现在如果我想点击任何 ShowFares 按钮，它不会被 CSS= .btn-secondary.btn-action 唯一识别(它返回了多个匹配节点。所以无法使用它。

在使用 xpath 时 -

.//*[@id='ember968']/div/div[1]/div[2]/div[2]/div/button

我看到它的记录 @id 和一些 emberxxx 这又不是唯一的，因为它在每个其他搜索列表中都发生了变化..

类似地，当我点击 ShowFare 时，无法选择火车或票价，因为 CSS 返回多个节点并且 xpath 有这个不是唯一的 emberxxx。

Answer 1

对于相同的属性，我们有多个元素，我们无法选择正确的一个。我尝试使用 jquery 选择器 .btn-secondary.btn-action:eq(1) 并且它正在工作。通过使用上面的选择器，您每次都会选择第一个 Show Fares 按钮。如果您有任何疑问，请告诉我。

CSS 选择器: .flex-1up.flex-listing.flex-theme-light li:nth-child(1) button