Trying to find an element based on the text content

Asked Jan 18 '18 at 10:31

Active Jan 18 '18 at 10:46

Viewed 65 times

I'm trying to find an element based on the text inside. For example, to find this link:

<a href="#">Foobar</a>

Using the codes below I get null on console.log(matchingElement) in both cases

var xpath = "a[text()='Foobar']";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
console.log(matchingElement);


xpath = "a[contains(text(),'Foobar')]";
matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
console.log(matchingElement);

<a href="#">Foobar</a>

edited Jan 18 '18 at 10:46

flx

1,560
13
22

asked Jan 18 '18 at 10:31

user1077220

1,483
5
17
21

If you are comfortable using jQuery, check [this](https://stackoverflow.com/questions/7321896/jquery-find-element-by-text) – Rajesh Jan 18 '18 at 10:36
@mplungjan nope. thats `querySelector()` and not xpath – flx Jan 18 '18 at 10:39
1

@zeropublix - please read the answer. It is showing XPath solution – mplungjan Jan 18 '18 at 10:39
@mplungjan ok. maybe.. Id let it pass though. – flx Jan 18 '18 at 10:40
1

@mplungjan I'd support that dupe-vote. – Yoshi Jan 18 '18 at 10:42
`var xpath = "//a[contains(., 'Foobar')]";` – mplungjan Jan 18 '18 at 10:47

Trying to find an element based on the text content

0 Answers0