我有 2 个列表：
<ul id="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ul id="connected">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
第一个列表 (id="sortable") 是可排序的，并且可以检查项目。当项目被选中时，它会出现在第二个列表中（已连接）。当没有检查时，第二个列表为空。
第二个列表中的项目必须以与可排序列表中相同的顺序出现。我可以使用像
.insertBefore() or .insertAfter()
但我不知道在哪个项目插入新项目之后或之前。怎么知道呢？