Creating an XPath expression for selecting multiple siblings of a div tag

Currently, I am working on writing an XPath expression for a specific section of code:

<div class="line info">
        <div class="unit labelInfo TextMdB">First</div>
        <div class="unit lastUnit">
                <div class="line TextMd">Second</div>

I am trying to figure out how to select the second div tag by using the first div tag and the sibling concept. The XPath expression I have tried is:

//div[contains(text(), 'First')]/following-sibling::div[2][contains(text(),'Second')]

Unfortunately, this expression is not giving me the desired result. Can you help guide me on how to properly reach the "second" div tag using the "first" div tag? Your assistance would be greatly appreciated.

htmlcssseleniumxpath

Answer №1

//div[contains(text(), 'First')]/following-sibling::div[2]
--------------------------------------------------------^

At this point, there is no second "following sibling." The <div> that holds the text 'Second' is actually a direct child of the div.unit.lastUnit.

To locate it, you can use:

//div[contains(text(), 'First')]/following-sibling::div[1]/div[contains(text(),'Second')]

Another method that is more flexible and doesn't rely heavily on document structure is to specify that you want the first following <div> containing the text 'Second':

(//div[contains(text(), 'First')]/following::div[contains(text(),'Second')])[1]

However, be aware that this approach may return unexpected results as it pays less attention to the overall document hierarchy.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Position a dynamic <div> in the center of the screen

My goal is to design a gallery page with a list of thumbnails, where clicking on a thumbnail will open the related image in a popup div showing its full size. The issue I'm facing is how to center the popup div on the screen, especially when each pic ...

javascriptjqueryhtmlcss

Footer suffering from image invisibility syndrome

Having trouble displaying two social media images in my footer. Despite including them in my image map correctly, they just won't show up on the website. I've tried a lot of different things, but nothing seems to be working. Could it have somethi ...

htmlcss

What is the best way to position my logo on top of the stunning space background?

Click here to check out the code on CodePen Please take a look at my code on codepen.io. I am new to Stack Overflow so please be patient with me if I make any mistakes. ;-; I currently have my logo (https://i.stack.imgur.com/W0nWc.png) included in the co ...

javascripthtmlcsslayer

Tips for toggling the visibility of a revolution slider based on current time using JavaScript

Currently, I am integrating the revolution slider into my WordPress website. My goal is to have the slider change according to the standard time of day. For instance, I want slider1 to display in the morning, slider2 at noon, slider3 in the evening, and sl ...

javascriptcsswordpressslider

How to retrieve the class of a dynamic div by clicking on a different div using jQuery?

I am trying to retrieve the class of a dynamic div when clicking on another div with the class name "div.secondclass". Below is my code snippet: $(document).ready(function() { $("div.secondclass").click(function () { firstclass=$('#firsti ...

javascriptjqueryhtml

Issues with Flexbox not being rendered correctly on Safari 5.1 for Windows

My goal is to design a straightforward box for questions, with the question number on one side and the text on the other. To ensure that the texts are aligned vertically and dynamic, I am experimenting with using flexbox. I have researched both the old an ...

htmlcssflexbox

Require assistance in getting a slider operational

Hello there! I could really use your assistance with this code. I have been trying to make it work using JavaScript, but I'm determined not to incorporate any external JS files. Here is the snippet of JavaScript code I am working with: "use strict"; ...

javascriptjquerycss

Guide for changing the background color exclusively in the final row of a dynamically-generated HTML table with PHP

<table width="100%"> <tr> <? $count=0; $i=1; foreach($gallery as $key => $list1) { $count++; ?> <td> <img src='<?echo base ...

phphtmlcss

Looking for advice on automating Facebook integration testing?

Given the widespread use of Facebook login/connect for website authentication, is there a standard recommendation from Facebook or other sources on automating the process? This would involve clicking the Facebook button to bring up a popup, switching to th ...

facebookseleniumwebdriverselenium-rc

Column div being obscured by footer

My footer is causing overlap issues with the div above it on my mobile website. Here's a visual representation: Current view on my phone: https://i.stack.imgur.com/RpvWM.png Desired view: https://i.stack.imgur.com/KHVcm.png The code for the are ...

htmlcss

The required keys [:id] are not included in the route matches

As a beginner in Rails, I've encountered similar issues that I can't seem to resolve. Here are my routes: resources :users do resources :items end My model setup is as follows: class Item < ActiveRecord::Base belongs_to :user end cl ...

htmlruby-on-railsrubypathroutes

Utilizing Jquery and Ajax to create a dynamic dropdown selection feature based on dependencies from a JSON file

Could you assist with the code snippet below? I have a form where each dropdown list depends on the selection above it. Based on the user's selection, the appropriate data should display in the subsequent dropdown list. I am trying to make dropdown l ...

javascriptjqueryhtmlajaxdropdown

Navigating through 2 identical iframes in Python Selenium with the same ID but different source URLs

I am facing a challenge trying to navigate to the iframe with the ID: "ifrBetslipHolder". There are two iframes with the same ID but different sources. Every time I attempt to switch to the iframe, I end up on the first one by default. Even when I use fi ...

pythonseleniumiframe

What is the impact of a floated element on vertical spacing?

I have come across an article discussing the usage of CSS, but I am puzzled as to why image number four is not positioned below image number one. Instead, it appears below image number three. Can someone please explain this to me? Here is the HTML code sni ...

javascriptjqueryhtmlcss

Obtain the value of a two-handle slider using jQuery

Here is the HTML and JS setup I have for implementing a jQuery two-handle range slider: .html <p> <input class="amount" readonly style="border:0; color:black; background: transparent; text-align: center;" type="text"> </p> <div cla ...

javascriptjqueryhtmljquery-ui-slider

struggling to align menu items on both sides of a navbar

I am currently facing an issue with positioning elements in my HTML code. I have a File drop-down that I want to display on the left side, while the rest of the drop-downs should appear on the right side. It seems like my CSS files might be causing some in ...

htmlcssbootstrap-4navbar

Implement two different styles within an element's style properties

Welcome everyone, I have a question regarding adding marquee effects to a table row along with highlighting it. Is it possible to include moving text from left to right in the same active row? For example, let's say that the current time is 12:45 AM. ...

javascriptjqueryhtml

What are the steps to extract information from the elements tab using selenium?

Currently, I am utilizing the edge driver in Selenium to scrape a webpage. During this process, I have observed inconsistencies between the information displayed under the elements tab in the developer window, which can be viewed at: https://i.stack.imgur ...

pythonseleniumselenium-edgedriver

Display a div upon loading with the help of Jquery

Two divs are causing me trouble! <div id="loader"> </div> and <div id="wrapper"> </div> "The wrapper div is not located inside the loader div just to clarify." This is my code: $(window).bind("load",function() { $(&apos ...

jquerycssloadingwrapper

What is the process for assigning an ID to an object by clicking on an adjacent link in Django?

Trying to set an identifier for a CSV file's name so that clicking on a link next to it will lead to viewing the file itself on another webpage. Encountering the error message 'QueryDict' object has no attribute 'objects' Please ...

pythonhtmldjangodjango-rest-frameworkdjango-views