How to use the text between HTML tags to access an element - Selenium WebDriver

Question

I have following HTML code.

<span class="ng-binding" ng-bind="::result.display">All Sector ETFs</span>

<span class="ng-binding" ng-bind="::result.display">China Macro Assets</span>

<span class="ng-binding" ng-bind="::result.display">Consumer Discretionary (XLY)</span>

<span class="ng-binding" ng-bind="::result.display">Consumer Staples (XLP)</span>

As it can be seen that tags are all the same for every line except the text between the tags. How can I access each of the above line separately based on the text between tags.

can u post the parent html source code in which this span tags lie — Rajnish Kumar
– Rajnish Kumar, Commented Jun 8, 2016 at 10:49

noor · Accepted Answer · 2016-06-08 10:50:16Z

2

use the below as xpath

//span[text()='All Sector ETFs']

answered Jun 8, 2016 at 10:50

noor

2,9942 gold badges20 silver badges32 bronze badges

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

Comments

Nodonutsforyou · Accepted Answer · 2016-06-08 10:50:36Z

2

You can use x-path function text() for that. For example

//span[text()="All Sector ETFs"]

to find first span

answered Jun 8, 2016 at 10:50

Nodonutsforyou

4584 silver badges10 bronze badges

Comments

Saurabh Gaur · Accepted Answer · 2016-06-08 10:54:27Z

2

You can use following xPath to find desired element based on text

String text = 'Your text';
//text may be ==>All Sector ETFs, China Macro Assets, Consumer Discretionary (XLY), Consumer Staples (XLP)
String xPath = "//*[contains(text(),'"+text+"')]";

By this you can find each elements..

Hope it will help you..:)

answered Jun 8, 2016 at 10:54

Saurabh Gaur

23.9k11 gold badges56 silver badges74 bronze badges

1 Comment

RemcoW Over a year ago

Actually the text may be everything. You are using contains so just as long as it matches part of an element text it will find something.

Rajnish Kumar · Accepted Answer · 2016-06-08 10:59:20Z

Hi please do it like below

Way One

public static void main(String[] args) {
WebDriver driver = new FirefoxDriver();

List<WebElement> mySpanTags = driver.findElements(By.xpath("ur xpath"));
System.out.println("Count the number of total tags : " + mySpanTags.size());
    // print the value of the tags one by one 
    // or do whatever you want to do with a specific tag

for(int i=0;i<mySpanTags.size();i++){
System.out.println("Value in the tag is : " + mySpanTags.get(i).getText());
// either perform next operation inside this for loop
if(mySpanTags.get(i).getText().equals("Consumer Staples (XLP)")){
    // perform your operation here 
    mySpanTags.get(i).click(); // clicks on the span tag
        }
    }

    // or perform next operations on span tag here outside the for loop
    // in this case use index for a specific tag (e.g below)
    mySpanTags.get(3).click(); // clicks on the 4 th span tag

}

Way Two

find the tag directly //span[text()='Consumer Staples (XLP)']

Collectives™ on Stack Overflow

How to use the text between HTML tags to access an element - Selenium WebDriver

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related