如何通过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']

将button根据其选择门标签选择显示的元素.

这个XPath,

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

将立即选择dropdown-menu div.