Gibt es eine einfache Möglichkeit, eine Liste aller Elemente zu erhalten, die a enthalten?data-* Attributohne mit jQuery (und hoffentlich ohne den gesamten DOM-Baum zu iterieren)?

Ich kann mit jQuery viele Antworten finden, aber ich kann es in meinem Projekt nicht verwenden und ich kann auch keine Antworten mit einfachem Javascript finden.

Zum Beispiel, wenn ich diesen HTML habe:

<input data-mydata="data1">
<input data-mydata="data2">
<div data-mydata="data3"></div>
<div data-mydata="data4"></div>
<input>
<div></div>

und dann eine Liste aller Elemente jeglicher Art erhalten, die enthaltendata-mydata ?

Was ich versuche zu erreichen, ist, Daten von bestimmten Elementen zur Speicherung basierend auf dem Daten- * sowie dem Datenwert abzurufen.

Ich weiß, ich kann das benutzenname Attribut mitgetElementsByName Dies ist jedoch in meinem Projekt nicht möglich, da die Elemente Namen haben, die für andere Zwecke festgelegt wurden.

Und ich glaube dasquerySelectorAll funktioniert nur mit CSS (?).