Как скрыть элемент с определенным значением 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);

elements.forEach(n => n.style.display = 'none');

Comments

[Stacy None]

не работает

[0xD34F]

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