如何使用xpath选择相邻的html元素？

Question

我有一个html源代码，其中几个输入框定义如下：

<div class="jupyter-widgets widget-hbox widget-text" style="">
    <div class="widget-label" style="display: block;">Project:</div>
    <input type="text" class="form-control" placeholder="">
</div>
<div class="jupyter-widgets widget-hbox widget-text" style="">
    <div class="widget-label" style="display: block;">Title:</div>
    <input type="text" class="form-control" placeholder="">
</div>
...

如何选择与input元素关联的Project元素？

Answer 1

这应该是可行的：

//div[contains(text(), "Project")]/following-sibling::input

第一部分//div[contains(text(), "Project")]将在文本属性中找到包含"Project“的div元素，然后/following-sibling::input将找到该div元素的输入类型兄弟。

了解更多关于这些xpath函数的这里。

Answer 2

您可以使用类似的东西："//input[@type='text'][1]"或"(//input[@type='text'])[1]"。数字分别表示要查找的元素。希望能帮上忙。