如何使用xpath获取HTML5数据属性？

Question

How do I get the first table (table1) using xpath for Webdriver?

<span id="dynamically generated id" data-id="table1">
  <table>
  ...
  </table>
</span>

<span id="dynamically generated id" data-id="table2">
  <table>
  ...
  </table>
</span>

I am able to get all data-id elements but I want to filter within it for text table1 to get the exact element.

This did not work!

driver.findElement(By.xpath("//@*[starts-with(name(),'data-id') [contains(text(),'table1')]]")); 

Answer 1

You get the table like this:

//span[@data-id='table1']/table

Select the data-id attribute and get the child element of name table .

Answer 2

回答我自己的问题......这似乎得到了确切的要素。

driver.findElement(By.xpath("//*[@data-id='table1']"))

Answer 3

我想你也可以使用cssSelector

driver.findElement(By.cssSelector("[data-id='table1']"));

Answer 4

尝试（构建此组合xpath：查找具有给定属性的节点，其值包含字符串和使用XPath获取属性 ）

driver.findElement(By.xpath("//*[contains(@data-id, 'table1')]/@data-id"));