javascript - 如何使用 XPath 选择具有特定 insideText 的直接同级元素？

Question

这是我的示例源 HTML:

<!-- Many other elements above this -->

<div class="emf-div-field">
    <span style="width:175px">
        <input class="validate[required]" style="width:100%" value="" id="element_2" name="element_2" type="text">
        <label for="element_2" class="emf-bottom-label emf-text-center">First</label>
    </span>

    <span style="width:125px">              
        <input class="validate[optional]" style="width:100%" value="" id="element_6" name="element_6" type="text">
        <label for="element_6" class="emf-bottom-label emf-text-center">Middle</label>
    </span>

    <span style="width:175px">
        <input class="validate[required]" style="width:100%" value="" id="element_3" name="element_3" type="text">
        <label for="element_3" class="emf-bottom-label emf-text-center">Last</label>
    </span>

</div>

<!-- Many other elements below this -->

我需要 XPath 来选择 <input> <label> 之前的元素insideText 为“First”的元素。 <input>元素始终是 <label> 的同级元素元素。

它需要是一个相对选择，基于 <label> insideText 因为一般来说这些语句可能处于许多不同的级别。

我已经尝试过这个(以及许多其他变体)，但没有一个有效:

//input[preceding-sibling::label[text() = "First"]]

谢谢。

Answer 1

不要把事情搞得太复杂。只需使用

//span[label='First']/input

但是如果您确实需要相对于 label 元素的路径，请使用

//label[.='First']/preceding-sibling::input[1]