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

Question

[molokhan]

Добрый день!
На странице есть список ol, внутри находятся теги li в которых текст перемешан с полями input. Как собрать классы всех этих input в отдельный массив?
При этом на странице могут находится и другие инпуты, нужны только те, что внутри этого списка.

https://codepen.io/anon/pen/NEmWxr?editors=1100

<ol>
  <li>Текст <input class="some-class" type="text"> текст текст</li>
  <li>Текст текст<input class="some-class" type="text"> текст текст</li>
  <li>Текст<input class="some-class" type="text"> текст текст текст <input class="some-class" type="text">текст</li>
  <li>Текст текст текст текст текст</li>
  <li>Текст текст <input class="some-class" type="text">текст</li>
  <li>Текст<input class="some-class" type="text"> текст <input class="some-class" type="text">текст текст текст</li>
</ol>

Answer 1

[0xD34F]

Откуда надо получить классы:

const inputs = document.querySelectorAll('ol input');

Получаем уникализированный массив классов:

const classes = [...new Set(Array.prototype.flatMap.call(
  inputs,
  n => [...n.classList]
))];

Или, получаем всё, что есть:

const classes = Array
  .from(inputs, n => Array.from(n.classList))
  .flat();

Comments

[molokhan]

Наверное я не совсем точно объяснил что именно хотел..
Этот скрипт возвращает массив в котором находится уникальные имена классов, я же хотел чтобы возвращались все. К примеру, есть десять элементов с одинаковым классом - значит в массиве должно содержаться десять наименований этого класса.

[0xD34F]

Обновил ответ.

[Дмитрий]

[...document.querySelectorAll('ol input')].map(n => n.className).join(' ').split(' ')

[molokhan]

0xD34F, спасибо) я просто js год в глаза не видел, все позабыл. Да и особо не знал если честно)