Finding all elements containing a string with XPath in JavaScript

Question

I'm trying to get all elements containing a string:

function getElementsByText( text, ctx) {
  return document.evaluate(
      "//*[.='"+text+"']", 
      ctx || document,
      null,
      XPathResult.ORDERED_NODE_ITERATOR_TYPE,
      null
    ).iterateNext();
}

var searchString = "Name";
var parents = getElementsByText(searchString);

for (var i = 0; i < parents.length; i++) {
  parents[i].style.opacity = .2;
};

The docs say evaluate with ORDERED_NODE_ITERATOR_TYPE returns "all the nodes matching the expression". But getElementsByText returns only the first occurrence.

This code doesn't work because parents is not iterable.

How can I get all the elements?

check out this example jsfiddle.net/Xotic750/kjD8r

Santosh Ram Kunjir
– Santosh Ram Kunjir

2016-04-25 16:47:06 +00:00
Commented Apr 25, 2016 at 16:47 — Santosh Ram Kunjir
– Santosh Ram Kunjir, Commented Apr 25, 2016 at 16:47

Martin Honnen · Accepted Answer · 2016-04-25 17:01:54Z

3

If you call the evaluate method you will get an https://www.w3.org/TR/DOM-Level-3-XPath/xpath.html#XPathResult on which you need to call iterateNext as long as you want the next node of the selected nodeset. If you want to have an array then do e.g.

function getElementsByText( text, ctx) {
  var results = [];
  var xpathResult = document.evaluate(
      "//*[.='"+text+"']", 
      ctx || document,
      null,
      XPathResult.ORDERED_NODE_ITERATOR_TYPE,
      null
    );
   var node;
   while ((node = xpathResult.iterateNext()) != null) {
     results.push(node);
   }
   return results;
}

answered Apr 25, 2016 at 17:01

Martin Honnen

169k6 gold badges100 silver badges122 bronze badges

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

Collectives™ on Stack Overflow

Finding all elements containing a string with XPath in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related