CSS选择器如何获取特定元素的索引

Question

我正在尝试使用css选择器来选择和项目，但只适用于xpath。什么相当于这个xpath到css。

driver.findElement(By.xpath("(//img[@alt='Authorise this row'])[2].click();

如果我使用css img[alt='Authorise this row']，我会通过说firefinder得到很多结果。有没有像xpath这样的方法，你可以获得结果的特定索引

Answer 1

CSS3支持：nth-​​child选择器。例如，以下CSS仅定位第二个图像：

img:nth-child(2) {...}

：nth-​​child的参数可以是索引，关键字（例如，奇数，偶数）或公式。上面的选择器选择其父母的所有第二个图像子项。您可以使用以下内容进行更多目标：

#container img:nth-child(2)

参考：:nth-child

或者，您可以使用jQuery选择一组元素，然后通过索引引用其中一个元素。像这样：

var secondImage = $('img')[2];