Single XPath for several strings?

Question

I'm trying to get the values from a span that doesn't have a class, and I managed to get the value inside one, but I need to get them all at once. This is my code:

<span>one</span>
<span>two</span>  
<span>three</span>
<span>four</span>

var headings = document.evaluate("//span[contains(., 'one')]", document, null, XPathResult.ANY_TYPE, 
null );
var thisHeading = headings.iterateNext();

console.log(thisHeading); // Prints the html element in console
console.log(thisHeading.textContent);

How can it put several values in the document.evaluate(), so I can print all the values?

Xpath is one way but if what you want is just get the values and its does not matter to use xpath you can try to get the tag values with getElementsByTagName. All that you need will be; var headings = document.getElementsByTagName("span"); for (index = 0; index < headings.length; ++index) { console.log(headings[index]); } — UserEsp
– UserEsp, Commented Dec 20, 2019 at 15:40
The thing is, i have other span's on the code and i need to get que values from those one's only. — delv123
– delv123, Commented Dec 20, 2019 at 15:44

Gabriele Petrioli · Accepted Answer · 2019-12-20 15:30:15Z

1

First you need to use or to test for multiple values [contains(.,'one') or contains(.,'two') or ...]

Then you need to use the iterator to loop over the results

var headings = document.evaluate("//span[contains(., 'one') or contains(.,'two')]", document, null, XPathResult.ANY_TYPE,
  null);
var thisHeading;

while (thisHeading = headings.iterateNext()) {
  console.log(thisHeading); // Prints the html element in console
  console.log(thisHeading.textContent);
}

<span>one</span>
<span>two</span>
<span>three</span>
<span>four</span>

answered Dec 20, 2019 at 15:30

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

Comments

kjhughes · Accepted Answer · 2019-12-20 15:30:23Z

1

Note that XPath contains() checks for substrings; for string equality, use = against the string value of the node. See What does contains() do in XPath?

XPath 1.0

Test for alternatives via an or operator in the predicate:

//span[.='one' or .='two' or .='three' or .='four']

XPath 2.0

This can be shortened to:

//span[. = ('one','two','three'.'four')]

answered Dec 20, 2019 at 15:30

kjhughes

113k31 gold badges198 silver badges276 bronze badges

Collectives™ on Stack Overflow

Single XPath for several strings?

2 Answers 2

Comments

XPath 1.0

XPath 2.0

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

XPath 1.0

XPath 2.0

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related