У меня есть сценарий загрузки изображений, который показывает эскизы изображений. У меня есть тег div для каждого слота, и я хочу удалить img щелчком. теперь я попробовал алгоритм сортировки, который сортирует измененные div, но у него всегда есть 2 div с одинаковым идентификатором. вот что я пробовал ...
Мой HTML выглядит как
function rut(id) {
// uploaded number
var lmax = $('#max').val();
lmax = Number(lmax);
for (i = 1; i < 19; i++) {
if (i > id && i != lmax) {
var esf = Number($('#sell_div_' + i).attr("data-id"));
var es = esf;
esf--;
if (esf < 10) {
esf = "0" + esf;
}
$('#sell_div_' + i).attr("data-id", esf);
} else if (i == id) {
if (lmax < 10) {
lmax = "0" + (Number(lmax));
}
var ix = (i);
var llmax = (lmax - 1);
var lllmax = 'xx';
ix = (ix < 10 ? "0" + ix : ix);
llmax = (llmax < 10 ? "0" + llmax : llmax);
$('#sell_div_' + lmax).attr("data-id", llmax);
$('#sell_div_' + i).attr("data-id", lmax);
}
}
var $people = $('#imag_container'),
$peopleli = $people.children('div');
$peopleli.sort(function(a, b) {
var an = a.getAttribute('data-id'),
bn = b.getAttribute('data-id');
if (an > bn) {
return 1;
}
if (an < bn) {
return -1;
}
return 0;
});
$peopleli.detach().appendTo($people);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div data-id='01' id='sell_div_1'>[img1]</div>
<div data-id='02' id='sell_div_2'>[img2]</div>
<div data-id='03' id='sell_div_3'>[img3]</div>
<div data-id='04' id='sell_div_4'>[img4]</div>
<div data-id='05' id='sell_div_5'>[img5]</div>
<div data-id='06' id='sell_div_6'>[img6]</div>
<div data-id='07' id='sell_div_7'>[img7]</div>
<div data-id='08' id='sell_div_8'>[img8]</div>
и я хочу, чтобы он перемещал img2 в позицию 4 и позицию 4 в 3, а также 3 в 2 и 2 в 1, после этого я могу скрыть изображение
id = удаленный img id, например, 2