Есть блок .container в который динамически с помощью jquery добавляются div блоки нумерованные от 0 до 9. Требуется сделать удаление их но так, чтобы например при удалении element-5 был порядок не
element-4
element-6
...
а
element-4
element-5
...
jQuery(document).ready(function($) {
// Добавление динамически div
var i = 1;
$(document).on("click", ".btn-add", function() {
$(".container").append('<div class="element element-'+i+'">'+i+' <a href="#" class="btn-del element-'+i+'">Del</a></div>');
i++;
});
// Удаление div
$(this).on("click", ".btn-del", function() {
$(this).closest('.element').remove();
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" class="btn-add">Add</a>
<div class="container">
<div class="element element-0">0 <a href="#" class="btn-del element-0">Del</a></div>
</div>