How to select html element with XPATH based on inner element?

Question

In a html document I have the following situation:

...
<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> 
      ...

Here I want to select the first div element with class ivu-select-selection (second row). The XPATH to get the elements with class ivu-select-selection is

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

but it selects two elements. I just want the element which has the span element with the text Prop below it. I want to select just the second row of this html example. .

How to do that?

Ishita Shah · Accepted Answer · 2018-07-03 09:29:13Z

2

Try this,

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

edited Jul 3, 2018 at 9:29

answered Jul 3, 2018 at 7:03

Ishita Shah

4,0452 gold badges29 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Alex Over a year ago

But don't I select the element <span class="ivu-select-placeholder">Prop</span> with that expression? That is not what I want. I want to select the SECOND row of my html example...

Ishita Shah Over a year ago

Can you please share next line of HTML after span , Which you want to target

Ishita Shah Over a year ago

Could you please mention, what is your second row as according to your example. "I want to select the SECOND row of my html example." I am still not getting, what is your actual target.

Ishita Shah Over a year ago

Please make sure what you want to target, As according to your question its look like you want to target <span> with text of Prop. Please forget that you can achieve it only through <div> which you have mentioned. Try with the answer you will get desired result for "Prop".

Alex Over a year ago

Let us continue this discussion in chat.

|

Andersson · Accepted Answer · 2018-07-03 08:44:34Z

1

Try to use below XPath to get required output:

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

answered Jul 3, 2018 at 8:44

Andersson

52.8k18 gold badges83 silver badges132 bronze badges

Collectives™ on Stack Overflow

How to select html element with XPATH based on inner element?

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related