对具有很少级别的可排序列表中的 li 元素进行排序？

【问题标题】：Sorting an li element in a sortable list with few levels?对具有很少级别的可排序列表中的 li 元素进行排序？
【发布时间】：2014-02-01 10:42:26
【问题描述】：

也许我构建的都是错误的，但这就是我的列表的构建方式：

<ul class="chapters">
    <li class="chapter-content">chapter 1</li>
    <li class="chapter-article-container">
        <ul class="articles">
            <li class="article-content">Article 1</li>
            <li class="article-content">Article 2</li>
            <li class="article-content">Article 3</li>
        </ul>
    </li>
    <li class="chapter-content">chapter 2</li>
    <li class="chapter-article-container">
        <ul class="articles">
        </ul>
    </li>
    <li class="chapter-content">chapter 3</li>
    <li class="chapter-article-container">
        <ul class="articles">
        </ul>
    </li>
</ul>

我希望围绕携带文章对章节进行排序。 如果我将第 1 章移到第 3 章之下，我希望第 1 章的文章继续前进。 我该怎么做？

谢谢！

【问题讨论】：

• 为什么你不会简单地将你的文章 UL 放在章节内容 LI 中，而是使用它：stackoverflow.com/a/2915167/2028547？
• 类似这样的东西：jsfiddle.net/IrvinDominin/Xj27q?
• 嗯，主要是因为我的
• 是我的 li 的简化版本，其中包含 css 设计、左右按钮栏和文本字段。在 li 中添加
  一方面可以工作，另一方面它会破坏所有设计，我将不得不重建所有内容。我想这是我唯一的选择，将设计从 li 更改为 div 并在章节 li 中添加 ul 文章元素。无论如何，感谢您的指导。