在几个级别的可排序列表中对li元素进行排序？

Question

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

<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>

我希望对这些章节进行分类。 如果我在第3章下面移动第1章，我希望第1章的文章继续前进。 我该怎么办？

谢谢！

Answer 1

你需要修复html，所以第一章包含这样的文章

  <li class="chapter-article-container">
        Chapter 1
        <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>

DEMO