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

Question

[Stacy None]

Есть вот такой вот элемент:

<button type="button" tabindex="-1" aria-label="Курсив" class="fr-command fr-btn" data-cmd="italic"><i class="fa fa-italic"></i></button>

Таких элементов несколько.
Необходимо с помощью js скрыть элементы по значению "data-cmd"
К примеру, кнопки со значением:
data-cmd="text"
data-cmd="move"
data-cmd="lols"

Answer 1

[Stalker_RED]

document.querySelectorAll('[data-cmd="text"], [data-cmd="move"], [data-cmd="lols"]')
  .forEach(n => n.style.display = 'none')

Comments

[Stacy None]

так же, не работает(

[Stalker_RED]

Stacy None, работает
https://jsfiddle.net/n4a2vdgk/

Answer 2

[0xD34F]

Кого надо скрыть:

const values = [ 'text', 'move', 'lols' ];
const selector = values.map(n => `[data-cmd="${n}"]`).join(', ');
const elements = document.querySelectorAll(selector);

Как можно скрыть элемент:

const hide = el => el.style.display = 'none';
// или
const hide = el => el.style.setProperty('visibility', 'hidden');
// или
const hide = el => el.style.cssText += 'opacity: 0';
// или
const hide = el => el.setAttribute('style', 'transform: scale(0)');
// или
const hide = el => el.hidden = true;

Скрываем:

elements.forEach(hide);

// или

for (const n of elements) {
  hide(n);
}

// или

for (let i = 0; i < elements.length; i++) {
  hide(elements[i]);
}

// или

(function next(i, n = elements.item(i)) {
  n && (hide(n), next(-~i));
})(0);

Comments

[Stacy None]

не работает

[0xD34F]

Врать нехорошо, всё работает.