Case insensitive XPath contains() possible?

by

This is for XPath 1.0. If your environment supports XPath 2.0, see here.

Yes. Possible, but not beautiful.

/html/body//text()[
  contains(
    translate(., 'ABCDEFGHIJKLMNOPQRSTUVWXYZ', 'abcdefghijklmnopqrstuvwxyz'),
    'test'
  )
]

This would work for search strings where the alphabet is known beforehand. Add any accented characters you expect to see.

If you can, mark the text that interests you with some other means, like enclosing it in a <span> that has a certain class while building the HTML. Such things are much easier to locate with XPath than substrings in the element text.

If that’s not an option, you can let JavaScript (or any other host language that you are using to execute XPath) help you with building an dynamic XPath expression:

function xpathPrepare(xpath, searchString) {
  return xpath.replace("$u", searchString.toUpperCase())
              .replace("$l", searchString.toLowerCase())
              .replace("$s", searchString.toLowerCase());
}

xp = xpathPrepare("//text()[contains(translate(., '$u', '$l'), '$s')]", "Test");
// -> "//text()[contains(translate(., 'TEST', 'test'), 'test')]"

(Hat tip to @KirillPolishchuk’s answer – of course you only need to translate those characters you’re actually searching for.)

This approach would work for any search string whatsoever, without requiring prior knowledge of the alphabet, which is a big plus.

Both of the methods above fail when search strings can contain single quotes, in which case things get more complicated.

More Related Contents:

  1. How to calculate the XPath position of an element using Javascript?
  2. Pretty printing XML with javascript
  3. How can I use JavaScript to transform XML & XSLT?
  4. Embedding XML in HTML
  5. Error: “Access to restricted URI denied”
  6. How to hide css and js version details from weppalyzer in PHP
  7. browser freezes with this js code, why?
  8. What should I do to use this webpacked JS library? [closed]
  9. How to launch html using Chrome at “–allow-file-access-from-files” mode?
  10. Best way to track onchange as-you-type in input type=”text”?
  11. How to scroll an HTML page to a given anchor
  12. ReferenceError: event is not defined error in Firefox
  13. How do I scroll to an element using JavaScript?
  14. Is it possible to run an .exe or .bat file on ‘onclick’ in HTML
  15. Disable Interpolation when Scaling a
  16. Does HTML5 allow drag-drop upload of folders or a folder tree?
  17. I need to open a new window in the background with JavaScript, and make sure the original is still focused
  18. Submit form and stay on same page?
  19. Smooth scroll without the use of jQuery
  20. Positioning element at center of screen
  21. getAttribute() versus Element object properties?
  22. Blur Img’s & Div’s in HTML using CSS
  23. How to add a list of images to the document from an array of URLs?
  24. How to get the title of HTML page with JavaScript?
  25. How to set mousemove update speed?
  26. Delete default value of an input text on click
  27. How do I refresh a DIV content?
  28. javascript close current window
  29. onclick calling hide-div function not working
  30. Owl Carousel Won’t Autoplay

Leave a Comment