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

Question

[maiskiykot]

Есть грядка дивов, в которые записываются фото. Для фото имеется возможность удаления. Соответственно возникает проблема - фото удаляю, а его место остается пустым. Как для этого случая реализовать сдвиг соседних элементов с сохранением инфы, в том числе и нумерации элементов. Типа удалил 4й элемент и 5,6,7,8,9,10й сдвинулись став 4,5.6.7.8.9. А 10й добавился. Не могу найти такую реализацию. Всем спасибо!

Comments

[Ankhena]

Не могу найти такую реализацию.

Вообще-то сильно проще сделать, чтобы они сдвигались.
Возможно, вы забываете удалить и div из грядки.

Кликайте на квадратики https://jsfiddle.net/drmnb6ju/

[maiskiykot]

Все супер, но мне нужно, чтобы оставалось постоянное количество квадратиков. Скажем 20. Как добавлять в конец недостающие?

[Алексей Дубровин]

URL фоток храните в масиве. При клике удаляете элемент и заного по нему проходите вставляю URL в img по порядку

[maiskiykot]

Алексей Дубровин, Там не только фотки, но и незаполненные квадратики. Их все время должно быть 20. Причем у меня они подписаны Фото 1, Фото 2...

[Алексей Дубровин]

maiskiykot, И как это перечит с моим решением? У вас есть масив,
Масив имеет индекс
Хотите нумерацию фоток - к индексу +1(Вот вам и нумерация.)

[maiskiykot]

Алексей Дубровин, В любом случае решил через php и сессии.