Как добавить один класс нескольким разным элементам без использования Jquery?

Question

[Виктор Гузинов]

Подскажите, пожалуйста, как решить, уже перерыл всевозможные форумы)

<div class="xxx" dataid="3454387"></div>
<div class="xxx" dataid="2045452"></div>
<div class="xxx" dataid="8065234"></div>
<div class="xxx" dataid="2669034"></div>
<div class="xxx" dataid="0943332"></div>

Есть несколько элементов, у каждого уникальный условно dataid
Таких элементов на странице много, поэтому показалось странным каждому построчно добавлять класс, и может есть решение (Но увы без JQuery) условно записать их в ряд, типа

$([dataid="3454387"],[ataid="8065234"],[dataid="2669034"]).addClass('myclass')

Заранее благодарен

Comments

[iBird Rose]

учитывая, что класс один у всех, то querySelectorAll, а потом forEach

[Виктор Гузинов]

iBird Rose, !таких элементов с классом xxx условно 100 штук, мне нужно выбрать 10 из них

[iBird Rose]

Виктор Гузинов, ну создай функцию, которая будет принимать массив с нужными тебе id. а внутри уже по той же схеме через forEach им классы добавляй

Answer 1

[xdevelx]

Как то так

const indices = [3454387, 8065234, 2669034];

indices.forEach(id => document.querySelector(`[dataid="${id}"]`).classList.add('myClass'));