Как переместить div в DOM на последнюю пустую позицию - PullRequest
0 голосов
/ 06 мая 2020

У меня есть сценарий загрузки изображений, который показывает эскизы изображений. У меня есть тег 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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...