Как выбрать элемент по части имени его атрибута

Question

HTML

<div data-a-b-c="...">A</div>
<div data-a-b-d="...">B</div>
<div data-a-c-b="...">C</div>

Я хочу выбрать узлы A и B, используя что-то вроде:

document.querySelectorAll("[a-b*]")

, который раньше работал вХром но со временем сломался.Мне нужна поддержка только для современных браузеров.

Answer 1

Array.prototype.slice.call(document.querySelectorAll("*"))
  .filter(element => 
    Array.prototype.slice.call(
      element.attributes
    )
    .find(att => 
      att.localName.match(/data-/)
    )
  )