Как создать матрицу с DOM елемента?

Question

[Insolation]

Всем привет господа. Бьюсь над проблемой уже несколько часиков. Никак в голову не придет идея.
Есть у меня html + css - https://jsfiddle.net/662aww2e/

Мне надо на основе этого создать матрицу по типу:

[
	[div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
]

Возможно ли так сделать?

Comments

[Валерий Хижевский]

А что именно вам нужно, перевести это в js?

Answer 1

[Nick Sdk]

типа такое?
https://jsfiddle.net/ka11s6m5/

Comments

[Insolation]

Да, только я прошу прощения, а можно что элементами массивов были сами dom элементы?

[Nick Sdk]

Insolation, конечно.
https://jsfiddle.net/n6mcchr4/

[Insolation]

Nicolas Serdyuk, Круто, спасибо!

[Insolation]

Не сочтите за наглость, а можете подсказать как сделать что-бы например если будет 2-3 "карточки", что-бы элементы в один массив не перемещались?

https://jsfiddle.net/n6mcchr4/3/

https://prnt.sc/ik4gic

[Nick Sdk]

Insolation, имеете ввиду, чтобы стало
такого вида?

[
  ["1", "2", "3", "4", "5"],
  ["1", "2", "3", "4", "5"],
  ["1", "2", "3", "4", "5"],
  ["1", "2", "3", "4", "5"],
  ["1", "2", "3", "4", "5"],
  ["1", "2", "3", "4", "5"],
  ["1", "2", "3", "4", "5"],
  ["1", "2", "3", "4", "5"],
  ["1", "2", "3", "4", "5"],
  ["1", "2", "3", "4", "5"],
]

[Insolation]

Nicolas Serdyuk, Нет нет.
Что-бы для каждой карты создавался другой массив.
Например есть 3 картки, должно быть 3 массива с элементами.
Первая "картка"

[
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
]

Вторая "картка"

[
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
]

Третья "картка"

[
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
  [div.cell, div.cell, div.cell],
]

[Nick Sdk]

Insolation, только получится многомерный массив вида:

[
  [
    ["1", "2", "3", "4", "5"],
    ["1", "2", "3", "4", "5"],
    ["1", "2", "3", "4", "5"],
    ["1", "2", "3", "4", "5"],
    ["1", "2", "3", "4", "5"],
  ],
  [
    ["1", "2", "3", "4", "5"],
    ["1", "2", "3", "4", "5"],
    ["1", "2", "3", "4", "5"],
    ["1", "2", "3", "4", "5"],
    ["1", "2", "3", "4", "5"],
  ]
]

[Nick Sdk]

Insolation, https://jsfiddle.net/un1g1e9f/

[Insolation]

Nicolas Serdyuk, Спасибо вам!!

[Nick Sdk]

Insolation, пожалуйста :)