Find an element in DOM based on an attribute value

Update: In the past few years the landscape has changed drastically. You can now reliably use querySelector and querySelectorAll, see Wojtek’s answer for how to do this.

There’s no need for a jQuery dependency now. If you’re using jQuery, great…if you’re not, you need not rely it on just for selecting elements by attributes anymore.

There’s not a very short way to do this in vanilla javascript, but there are some solutions available.

You do something like this, looping through elements and checking the attribute

If a library like jQuery is an option, you can do it a bit easier, like this:

$("[myAttribute=value]")

If the value isn’t a valid CSS identifier (it has spaces or punctuation in it, etc.), you need quotes around the value (they can be single or double):

$("[myAttribute='my value']")

You can also do start-with, ends-with, contains, etc…there are several options for the attribute selector.

Related Posts:

  1. jQuery document.createElement equivalent?
  2. How can I scroll to an element using jQuery?
  3. Include another HTML file in a HTML file
  4. Remove element by id
  5. How to resolve the C:\fakepath?
  6. Remove all child elements of a DOM node in JavaScript
  7. querySelector vs. getElementById
  8. JavaScript get element by name
  9. React Error: Target Container is not a DOM Element
  10. scrollIntoView Scrolls just too far
  11. Difference between innerText, innerHTML and value?
  12. How do I set/unset a cookie with jQuery?
  13. Uncaught TypeError: Cannot read property ‘top’ of undefined
  14. How can I check if an element exists in the visible DOM?
  15. How can I select an element by name with jQuery?
  16. How can I add a class to a DOM element in JavaScript?
  17. Parse an HTML string with JS
  18. For loop for HTMLCollection elements
  19. jQuery count child elements
  20. How do I check if an element is hidden in jQuery?
  21. document.getElementbyId() returning null
  22. Retrieve the position (X,Y) of an HTML element
  23. Javascript: ‘window’ is not defined
  24. Invariant Violation: _registerComponent(…): Target container is not a DOM element
  25. Getting or changing CSS class property with Javascript using DOM style
  26. Cannot read property ‘style’ of undefined — Uncaught Type Error
  27. How can I generate a rainbow circle using HTML5 canvas?
  28. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  29. What does “javascript:void(0)” mean?
  30. For-each over an array in JavaScript
  31. How to delete a cookie?
  32. What is TypeScript and why would I use it in place of JavaScript? [closed]
  33. How do you use the ? : (conditional) operator in JavaScript?
  34. Which equals operator (== vs ===) should be used in JavaScript comparisons?
  35. are there dictionaries in javascript like python?
  36. How to do associative array/hashing in JavaScript
  37. How to make a discord bot create an invite for every server it joins?
  38. ES6 Map in Typescript
  39. addEventListener vs onclick
  40. “Uncaught SyntaxError: Cannot use import statement outside a module” when importing ECMAScript 6
  41. How do I check if an array includes a value in JavaScript?
  42. JavaScript document.getElementById().value logs empty value
  43. How do I color a hexagonal grid such that it doesn’t have neighbors of the same color?
  44. How to format a JavaScript date
  45. What does href expression do?
  46. map function for objects (instead of arrays)
  47. Wait 5 seconds before executing next line
  48. Failed to load resource: the server responded with a status of 404 (Not Found)
  49. How to check whether a string contains a substring in JavaScript?
  50. Check if a string has a certain piece of text [duplicate]
  51. Kadane’s algorithm explained
  52. What is console.log?
  53. Dynamically creating charts of each row in an HTML table with chart.js
  54. Failed to load resource: the server responded with a status of 404 (Not Found)
  55. How to convert a string to an integer in JavaScript?
  56. Maximum call stack size exceeded error
  57. How to change CSS using jQuery?
  58. How to properly use jsPDF library
  59. How to reload a page using JavaScript
  60. How can I do string interpolation in JavaScript?
  61. Can I use complex HTML with Twitter Bootstrap’s Tooltip?
  62. Start script missing error when running npm start
  63. How do I redirect to another webpage?
  64. How to round to at most 2 decimal places, if necessary?
  65. What is VanillaJS?
  66. Invariant Violation: Objects are not valid as a React child
  67. How do I make the first letter of a string uppercase in JavaScript?
  68. How to handle Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause()
  69. window.location.href and window.open () methods in JavaScript
  70. Invariant Violation: Objects are not valid as a React child
  71. What’s the difference between using “let” and “var”?
  72. Angular: conditional class with *ngClass
  73. How do I make the first letter of a string uppercase in JavaScript?
  74. Loop through an array in JavaScript
  75. How to format a JavaScript date
  76. What does this symbol () => mean in Javascript? [duplicate]
  77. How do I redirect to another webpage?
  78. Google reCAPTCHA V3.0 not working. “ERROR for site owner: Invalid key type”
  79. How to round to at most 2 decimal places, if necessary?
  80. Google Chrome Uncaught (in promise) DOMException while playing AUDIO
  81. Define a global variable in a JavaScript function
  82. “SyntaxError: Unexpected token < in JSON at position 0"
  83. How to add a class to a given element?
  84. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  85. Javascript split regex question
  86. Cross-Origin Read Blocking (CORB)
  87. What is Virtual DOM?
  88. How can I remove a specific item from an array?
  89. How can a Discord bot create a hyperlink in a Discord message in an embed or in general? [closed]
  90. Find object by id in an array of JavaScript objects
  91. jQuery append() vs appendChild()
  92. How can I access and process nested objects, arrays or JSON?
  93. How to you store data for each discord user in the discord server?
  94. How to get all place details from a Place Details Request using Google Places API Web Service?
  95. How to make a word underline in Markdown
  96. Cannot set property ‘innerHTML’ of null
  97. Creating multiline strings in JavaScript
  98. How to replace innerHTML of a div using jQuery?
  99. SyntaxError: Unexpected token o in JSON at position 1
  100. Uncaught ReferenceError: $ is not defined?

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)