Как выбрать соседний элемент HTML с помощью xpath?

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")] найдет элемент div с текстом "Project" в текстовом атрибуте, затем /following-sibling::input найдет родного элемента этого элемента div.

Подробнее об этих функциях xpath здесь .

Answer 2

Небольшое исправление синтаксиса: «Проект» не элемент, а текстовый узел элемента <div/>

Answer 3

Вы можете использовать что-то вроде: "//input[@type='text'][1]" или "(//input[@type='text'])[1]".Соответственно число представляет элемент, который вы ищете.Надеюсь, это поможет.