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

Question

[Дмитрий Шалимов]

Есть некая переменная, в нее записана вся строка класса элемента. Как и во что ее можно преобразить, что бы в дальнейшем можно было редактировать свойства этого элемента?

Пример: есть блок со свойствами col-xs-1 col-sm-1 col-md-1 col-lg-1, а в результате эту строку необходимо преобразовать в .hidden-xs col-sm-3 col-md-6 col-lg-8.

Comments

[Stalker_RED]

Разбить строку по пробелам - split()
Потом можно отфильтровать, чтобы разбить по группам. Хотя пока непонятно о каких группах вы говорите.

И опишите подробнее, по каким правилам вы хотите делать преобразование. Сейчас совершенно непонятно откуда взялся hidden-xs.

И вообще, почему у блока несколько конфликтующих классов, и зачем вы их называете свойствами?

[Дмитрий Шалимов]

Stalker_RED: ну для начала какие классы конфликтуют?
Смысл в том, что по сути нужно создать не сложный конструктор для бутстрап на вебе.

До разделения классов с помощью split() я тоже дошел и на данный момент я не знаю как в массиве классов найти элемент, который начинается с col-xs-

Answer 1

[Stalker_RED]

Например так: https://jsfiddle.net/3skuxfqp/
Вероятно есть решения и получше, но я всё еще не понимаю толком, чего вы хотите добиться в итоге.