Как выбрать элемент HTML с XPATH на основе внутреннего элемента?

Question

В HTML-документе у меня следующая ситуация:

...
<div data-v-16ed3604="" class="ivu-select ivu-select-single ivu-select-small">
  <div tabindex="0" class="ivu-select-selection xh-highlight">
    <input type="hidden" value=""> 
    <div> 
      <span class="ivu-select-placeholder">Prop</span> 
      ...

<div data-v-16ed3604="" class="ivu-select ivu-select-single ivu-select-small">
  <div tabindex="0" class="ivu-select-selection xh-highlight">
    <input type="hidden" value=""> 
    <div> 
      <span class="ivu-select-placeholder">Something else</span> 
      ...

Здесь я хочу выбрать элемент first div с классом ivu-select-selection (вторая строка). XPATH для получения элементов с классом ivu-select-selection равен

//div[@class="ivu-select-selection"]

но он выбирает два элемента. Я просто хочу элемент, который имеет элемент span с текстом Prop под ним. Я хочу выбрать только вторую строку этого примера HTML. ,

Как это сделать?

Answer 1

Попробуйте использовать ниже XPath, чтобы получить требуемый вывод:

//div[@class="ivu-select-selection" and .//span="Prop"]

Answer 2

Попробуйте это,

//span[contains(text(),'Prop')]//ancestor::div[@class='ivu-select-selection xh-highlight']