javascript - jQuery - 基于类在 UL 中移动 LI

Question

我的文件有一个树形 View 结构。但是，文件和目录现在混在一起了。

我在每个目录中添加了一个名为“type_dir”的类，并对每个文件添加“type_file”。

如何使每个 UL 中的所有“type_file”移动到所有“type_dir”下方？

示例:

<ul id="type_master">
    <li class="type_file">file</li>
    <li class="type_dir">folder
        <ul>
            <li class="type_file">file</li>
            <li class="type_dir">folder
                <ul>
                    <li class="type_file">file</li>
                </ul>
            </li>
        </ul>
    </li>
    <li class="type_file">file</li>
</ul>

这需要是:

<ul id="type_master">
    <li class="type_dir">folder
        <ul>
            <li class="type_dir">folder
                <ul>
                    <li class="type_file">file</li>
                </ul>
            </li>
            <li class="type_file">file</li>
        </ul>
    </li>
    <li class="type_file">file</li>
    <li class="type_file">file</li>
</ul>

提前谢谢您!

Answer 1

也许像...

$('#type_master, .type_dir').each(function(){
    var $container = $(this);
    $container.find('> .type_file').appendTo($container);
});

尽管这对于 type_dir 元素来说并不能完全正常工作，因为该类位于 li 而不是 ul 上。您可以将该标记移动到嵌套的 ul 中吗？