css - 单击表格行中的特定链接

Question

我正在 Firefox 中使用 Selenium Webdriver 进行测试，最好也在 IE8 中进行测试。

这是我的 html 结构:

<table id="table">
<tbody>
    <tr>
        <td>Text1</td>
        <td><a id="assign" href="/assign/1>Assign</a></td>
    </tr>
    <tr>
        <td>Text2</td>
        <td><a id="assign" href="/assign/2>Assign</a></td>
    </tr>
    <tr>
        <td>Text3</td>
        <td><a id="assign" href="/assign/3">Assign</a></td>
    </tr>
</tbody>
</table>

基本上我需要做的是:
单击包含 Text1

的行上的分配链接

到目前为止，我想出了 XPATH://*[@id='table']//tr/td//following-sibling::td//following-sibling::td//following -sibling::td//a 选择所有分配链接。将其更改为 //*[@id='table']//tr/td[text='Text1']//following-sibling::td//following-sibling::td//following-sibling::td//a 从 Firebug 返回“没有匹配的节点”。

但是，我想要一个 CSS 选择器。所以，我尝试了 #table>tbody>tr:contains('Text1') 但 Firebug 返回“无效的 CSS 选择器”。

有什么建议吗？

Answer 1

你应该找到 td 前面有 td 兄弟标记和 Text1 文本，然后得到 a标签:

//table[@id="table"]//td[preceding-sibling::td="Text1"]/a[@id="assign"]