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函数here。

Answer 2

您可以使用类似"//input[@type='text'][1]"或"(//input[@type='text'])[1]"的名称。数字分别代表您要查找的元素。希望对您有所帮助。

Answer 3

只需稍作语法校正：“项目”不是元素，而是元素<div/>的文本节点

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

3 个答案: