Select 兄弟元素的子元素

Question

我有以下 HTML DOM。我的目标是获取 "Error" 文本。

<div class = "row">
   <div class ="col-sm-4">
      <input id = "firstName" type = "text"> John
      <div class = "mh-15">
         <div class = "text-danger">Error</div>
      </div>
   </div>
</div>

由于 class = "text-danger" 重复了很多次，我的目标是从 id = "firstName" 开始，一直走到 "Error" 文本通过使用类似 xpath 祖先的东西。我该怎么做？谢谢！

Answer 1

Xpath :

//input[@id='firstName']/following-sibling::div[2]

注意<div class = "mh-15">应该是输入框的兄弟。

Answer 2

ancestor 用于 selecting 父元素，class="text-danger" 在 id="firstName" 元素之后，您必须 select 它与 following 或 following-sibling

//input[@id="firstName"]/following-sibling::div/div
# or
//input[@id="firstName"]/following::div/div

Select 兄弟元素的子元素

Select child of sibling element

selenium

xpath

ancestor