Answers for "vanilla js get element by data attribute"

jquery select by data attribute

$('div[data-key=value]');

get data attribute javascript

// <div id="element" data-name="john"></div>

const el = document.querySelector('#element')
el.dataset.name // 'john'

get element by data attribute javascript

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