selenium webdriver - 表头的 css 选择器/定位器答案

【问题标题】：selenium web driver - css selector/locator for table hearderselenium webdriver - 表头的 css 选择器/定位器
【发布时间】：2014-04-07 20:22:03
【问题描述】：

<table id="state_table" class="table" width="100%">
<thead>
<tr>
<th class="column_checkbox disabled">
<th class="sortable desc" data-type="stateid">ID</th>
<th class="sortable" data-type="name">Name</th>

按列标题对表格进行排序的webdriver代码是

driver.findElement(By.cssSelector("th.sortable")).click();

这会按 ID 列对表格进行排序。如何使用“名称”而不是数据类型 =“名称”

按名称列对表格进行排序

谢谢

【问题讨论】：

标签： css-selectors selenium-webdriver

【解决方案1】：

为什么要使用 css？使用 XPath，应该是这样的

driver.findElement(By.xpath("//th[text()='Name']")).click();

【讨论】：

谢谢！！正在尝试使用 css，因为我能想到的 xpath 是 //table[@id='state_table']/thead/tr/th[4] ...这不是一个好习惯

【解决方案2】：

我们可以在这里使用 CSS

driver.findElement(By.cssSelector(".sortable[data-type='name']")) -- 数据类型（名称） driver.findElement(By.cssSelector(".sortable[data-type='stateid']")) -- 数据类型（状态ID）

请告诉我上面的 CSS 选择器是否正常工作。

【讨论】：