Выбор элемента по атрибуту данных

Question

Существует ли простой и понятный метод выбора элементов на основе их атрибута data? Например, выберите все якоря, которые имеют атрибут данных с именем customerID, который имеет значение 22.

Я не решаюсь использовать rel или другие атрибуты для хранения такой информации, но мне гораздо сложнее выбрать элемент на основе данных, хранящихся в нем.

Answer 1

Просто для того, чтобы дополнить все ответы некоторыми функциями «стандарта жизни» - к настоящему моменту (в эпоху html5) это можно сделать без сторонних библиотек:

• чистый / простой JS с querySelector (использует CSS-селекторы):
  • выберите первое в DOM: document.querySelector('[data-answer="42"],[type="submit"]')
  • выбрать все в DOM: document.querySelectorAll('[data-answer="42"],[type="submit"]')
• чистый / простой CSS
  • некоторые конкретные теги: [data-answer="42"],[type="submit"]
  • все теги с определенным атрибутом: [data-answer] или input[type]