Как вставлять элементы в список в определенное место, учитывая индекс элемента?

function transfer(from, to) {
  $(from).on('click', 'button', function(e) {
    const $el = $(e.target).parent();
    const index = +$el.data('index');
    const indices = $('li', to).get().map(n => +n.dataset.index);

    if (index < indices[0] || !indices.length) {
      $(to).prepend($el);
    } else if (index > indices[indices.length - 1]) {
      $(to).append($el);
    } else {
      $(`${to} [data-index="${indices.filter(n => n < index).pop()}"]`).after($el);
    }
  });
}

transfer('#parent1', '#parent2');
transfer('#parent2', '#parent1');