如何通过硒找到数据钩子中存在的元素

Question

我的HTML代码如下：

<a class="a-size-base a-link-normal review-title a-color-base a-text-bold" data-hook="review-title" href="/gp/customer-reviews/R252N8IFRXV8TW/ref=cm_cr_getr_d_rvw_ttl?ie=UTF8&ASIN=B071NZZHF9">Security concern</a>

我必须通过数据钩子搜索元素，因为类名对于其他属性也是通用的，而且href和link文本是动态的，因为它对于下一个元素是变化的，因为我需要获取多个元素。

我可以通过数据钩子搜索它吗？如果是的话，有人能帮我吗！

Answer 1

根据您共享的HTML，通过data hook属性查找元素，您可以使用以下代码行：

driver.findElement(By.xpath("//a[@data-hook='review-title']"));

虽然您提到class name很常见，但在xpath中保留class name属性将是一个很好的做法，如下所示：

driver.findElement(By.xpath("//a[@class='a-size-base a-link-normal review-title a-color-base a-text-bold' and @data-hook='review-title']"));

此外，尽管您提到href正在更改，但我建议使用所有三个属性的组合来唯一地将元素标识为：

driver.findElement(By.xpath("//a[@class='a-size-base a-link-normal review-title a-color-base a-text-bold' and contains(@href,'/gp/customer-reviews/') and @data-hook='review-title']"));

Answer 2

如果需要多个数据挂钩项，也可以使用下面的代码。

List<WebElement> list = driver.findElements(By.className("review-title"));

for(WebElement elem : list){
    System.out.println(elem.getAttribute("data-hook"));
}

Answer 3

你当然可以。

CSS：

driver.findElement(By.cssSelector("a[data-hook='review-title']"));

Xpath:

driver.findElement(By.xpath("//a[@data-hook='review-title']"));