html - 如何通过 XPath 选择相邻元素？

Question

下拉列表的代码如下。如何为该元素编写 XPath？

<div class="dropdown ">
    <button class="btn btn-default dropdown-toggle btn-block" type="button">
        <!-- react-text: 346 -->
        Select door
        <!-- /react-text -->
        <span class="glyphicon glyphicon-chevron-down"/>
     </button>
  <div class="dropdown-menu">
</div>

Answer 1

这个 XPath，

//button[normalize-space() = 'Select door']

将根据其选择门标签选择显示的按钮元素。

这个 XPath，

//button[normalize-space()='Select door']/following-sibling::div[@class='dropdown-menu'][1]

将选择紧随其后的 dropdown-menu div。