javascript - 附加功能的自动排序方法

Question

我有一个动态列表，用户可以将 li（项目）添加到 ul。他们可以选择级别 1,2 和 3.. 现在他们都附加到 ul，没有排序功能。我希望第 1 层在插入时始终位于第 1 层，第 2 层会出现，然后是第 3 层，将其视为优先级。例如，我在一个级别为 2 的列表中有 4 个项目，然后当一个级别为 1 的新项目进入时，它不会附加在最后一个项目上，而是附加在第一个项目上。

我想知道我是否必须自己编写排序函数，谢谢

Answer 1

执行此操作的方法是将属性附加到特定级别的 li 元素，例如：

<ul>
    <li class="level1">this is level 1</li>
    <li class="level1">this is level 1</li>
    <li class="level1">this is level 1</li>
    <li class="level2">this is level 2</li>
    <li class="level2">this is level 2</li>
    <li class="level3">this is level 3</li>
    <li class="level3">this is level 3</li>
</ul>

然后在适当的水平插入。

查看演示：http: //jsfiddle.net/Hms7Y/