xpath - how to select html element then another (relative) nested element?

Question

How can I select the div element "fc-event-time and then, relative to that, the "next" div element that is nested by the same amount?

So, based on the 1p - 2p text identified this area of HTML, I then want to get at the users names.

Given the following html:

<div class="fc-event-inner fc-event-skin">
  <div class="fc-event-head fc-event-skin">
    <div class="fc-event-time" style="background-color: rgb(120, 182, 229);">
      1p - 2p
    </div>
  </div>
  <div class="">
    <div class="fc-event-title">
      Juan A.*, Zach A.*
    </div>
  </div>
  <div class="fc-event-bg">
  </div>
</div>

I'm trying the following selector:

//div[@class='fc-event-time'][contains(text(),'1p - 2p')]../../div[2]/div

but it isn't working.

Michael Durrant · Accepted Answer · 2015-06-18 13:34:51Z

1

You are missing a forward slash:

//div[@class='fc-event-time'][contains(text(),'1p - 2p')]../../div[2]/div
# should be
//div[@class='fc-event-time'][contains(text(),'1p - 2p')]/../../div[2]/div
#                                                        ^ here

You may find the tool here (XPathBuilder) helpful: http://www.bubasoft.net/product/xpath-builder

edited Jun 18, 2015 at 13:34

Michael Durrant

97.1k102 gold badges352 silver badges536 bronze badges

answered Apr 3, 2013 at 15:14

Steve Wellens

20.6k2 gold badges31 silver badges70 bronze badges

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

1 Comment

T J Over a year ago

Seems like that link is now dead...

Collectives™ on Stack Overflow

xpath - how to select html element then another (relative) nested element?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related