Как получить значения data-атрибутов элементов с определённым классом?

Question

[JP_Cool]

Есть несколько элементов a с одинаковыми классами:

<a href="#news" data-target="#dropdown1" class="dropdown-trigger">Новости</a>
<a href="#map" data-target="#dropdown2" class="dropdown-trigger">Карта</a>

Нужно получить значения их атрибутов data-target. Как это сделать?

Answer 1

[Дмитрий Беляев]

Array.from(document.querySelectorAll('.dropdown-trigger'), el => el.dataset.target);

Answer 2

[Bhudh]

// jQuery
$( '.dropdown-trigger' ).data( 'target' );

// ES6
[ ...document.querySelectorAll( '.dropdown-trigger' ) ].map( el => el.dataset.target );