Find an element in DOM based on an attribute value

by

Modern browsers support native querySelectorAll so you can do: 

document.querySelectorAll('[data-foo="value"]');

https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll

Details about browser compatibility:

You can use jQuery to support obsolete browsers (IE9 and older):

$('[data-foo="value"]');

More Related Contents:

  1. How to pass arguments to addEventListener listener function?
  2. Event when window.location.href changes
  3. Why is the DOMSubtreeModified event deprecated in DOM level 3?
  4. nodeValue vs innerHTML and textContent. How to choose? [duplicate]
  5. Best Practice: Access form elements by HTML id or name attribute?
  6. Difference between Node object and Element object?
  7. How do I do OuterHTML in firefox?
  8. Why are duplicate ID values not allowed in HTML?
  9. How to access CSS generated content with JavaScript
  10. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  11. Finding element’s position relative to the document
  12. React.js: onChange event for contentEditable
  13. jQuery DOM changes not appearing in view source
  14. How to detect when an iframe has already been loaded
  15. How do I put codes from jsfiddle.net into my website?
  16. Screen Scraping from a web page with a lot of Javascript [closed]
  17. What is better, appending new elements via DOM functions, or appending strings with HTML tags?
  18. Attach event listener through javascript to radio button
  19. Check whether HTML element has scrollbars
  20. Why is React’s concept of Virtual DOM said to be more performant than dirty model checking?
  21. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  22. IE support for DOM importNode
  23. How to append a childnode to a specific position
  24. How to properly unload/destroy a VIDEO element
  25. Simple way to get element by id within a div tag?
  26. How to get element by class name
  27. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?
  28. Getting width & height of an image with filereader
  29. Replacement for deprecated `keypress` DOM event
  30. Manually dispatchEvent DOMContentLoaded

Leave a Comment