根据WebDriver中的跨度值单击复选框

Question

我想选择以下基于“好市多批发公司”值的复选框：

<td role="gridcell" style="" title="" aria-describedby="entity-search-grid_selected">
  <input type="checkbox" name="chkbox" class="itmchk" value="110504">
</td>
<td role="gridcell" style="font-weight: bold;" title="Costco Wholesale Corporation" aria-describedby="entity-search-grid_name">
  <div class="tree-wrap tree-wrap-ltr" style="width:18px;">
    <div style="left:0px;" class="ui-icon ui-icon-triangle-1-s tree-minus treeclick"></div>                                         
  </div>
  <span class="cell-wrapper">Costco Wholesale Corporation</span>
</td>

我尝试了以下代码：

driver.findElement(By.xpath("//td[span[text()='Costco Wholesale Corporation']]/preceding-sibling::td/input[@name='chkbox'"));

但是得到以下例外：

无效的选择器：无法找到一个元素与xpath表达式//td[span[text（）='Costco批发公司']]/前驱兄弟姐妹::td/输入[@name='chkbox'，因为以下错误'//td[span[text（）='好市多批发公司']]/前面的兄弟姐妹::td/输入[@name='chkbox"

您能帮助编写xpath选择器吗。

Answer 1

您提供的xPath语法不正确。。尝试使用下面的xPath-

String xPath = "//span[text()='Costco Wholesale Corporation']/preceding::input[@name='chkbox']";

 driver.findElement(By.xpath(xPath));

希望能有帮助……：）

Answer 2

我想知道为什么要使用xpath。一旦有人改变了网站的结构，整个选择器就一文不值了。我真的建议尽可能长时间地使用css选择器。在这种情况下，它只是：

driver.findElement(By.css("input[name='chkbox'][value='110504']"));

这种方法的主要优点是，只有与元素直接相关的更改才会迫使您更改选择器。

当然，我的选择器可能是无效的，如果有一些部分的网站，你们并没有告诉我们，这可能会影响选择器。但即便如此，我相信有一种方法可以使用css更直接地访问元素。

Answer 3

第一个问题是xpathtd[span[text（）肯定是无效的。请记住，[...]语法仅用于筛选器，而不是用于定义路径。所以它必须是：

//td/span[text...

此外，由于您首先选择了span，因此需要返回到td级别，然后选择兄弟姐妹：

//td/span[text()='Costco Wholesale Corporation']/../preceding-sibling::td/input[@name='chkbox']

鉴于您的超文本标记语言，您还可以将其简化为选择tdbyt title，然后选择其同级：

//td[@title='Costco Wholesale Corporation']/preceding-sibling::td/input[@name='chkbox']