Native javascript equivalent of jQuery :contains() selector

by

This should do in modern browsers:

function contains(selector, text) {
  var elements = document.querySelectorAll(selector);
  return [].filter.call(elements, function(element){
    return RegExp(text).test(element.textContent);
  });
}

Then use it like so:

contains('p', 'world'); // find "p" that contain "world"
contains('p', /^world/); // find "p" that start with "world"
contains('p', /world$/i); // find "p" that end with "world", case-insensitive
...

More Related Contents:

  1. Bad Value for attribute href in a in jsp
  2. How do I pass a URL as a parameter? [closed]
  3. How to add a dynamic query string to a link?
  4. Replace multiple strings at once
  5. Binding multiple events to a listener (without JQuery)?
  6. How do I pass the this context to a function?
  7. Call javascript function after script is loaded
  8. How to bind bootstrap popover on dynamic elements
  9. Merge Two Arrays so that the Values Alternate
  10. Attaching click event to a JQuery object not yet added to the DOM [duplicate]
  11. Stop fixed position at footer
  12. Content Security Policy: The page’s settings blocked the loading of a resource
  13. Prevent Cheating on Javascript Game
  14. JavaScript: DOM load events, execution sequence, and $(document).ready()
  15. Nested iframes, AKA Iframe Inception
  16. Uncaught TypeError: undefined is not a function on loading jquery-min.js
  17. jquery datatables hide column
  18. How to simulate typing in input field using jQuery?
  19. How can I convert a jQuery object to an Element?
  20. Event propagation in Javascript
  21. How Can I Truncate A String In jQuery?
  22. Does Wikipedia API support CORS or only JSONP available?
  23. Call function with setInterval in jQuery?
  24. Javascript loading CSV file into an array
  25. Set Jquery ui active tab on page load/reload
  26. JSON to string variable dump
  27. Select2() is not a function
  28. jQuery selector to target any class name (of multiple present) starting with a prefix?
  29. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  30. How is AngularJS different from jQuery

Leave a Comment