在可排序列表中包含组，并在添加动态列表时移动所有列表元素

Question

我正在努力让这个功能运行，但在某个地方或其他地方，我在整体逻辑中缺失。如果有人可以帮助我或指导我，我将不胜感激。我把我的问题分成两部分。

部分-1

我已多次使用两个可排序列表，但这次我只有一个可排序列表，并希望获得条件排序。 。

条件排序说明如下：

<div id="awesome">
 <ul>
  <li class="alpha">A</li>
  <li class="alpha">D</li>
  <li class="alpha">T</li>
  <li class="math">1</li>
  <li class="math">3</li>
  <li class="math">2</li>
 </ul>
</div> 

在上面的例子中，如果他们试图将'math'列表放在两个alpha列表之间，我想停止用户。它们只能在自己的组中排序。在我的例子中，用户可以在1之前带2，反之亦然，但是组间。

第2部分： 此外，如果我想添加一个动态alpha列表，它应该在最后一个aplha列表后添加（我可以通过比较它们的类名来使用last（）功能）但是如何将所有其他列表元素相应地转移到右边？如果有人删除，则转到左侧。

我知道纯粹的Jquery没有使用任何插件，这是可行的。

提前致谢。