jQuery - 基于类在UL中移动LI

时间:2016-01-05 17:41:40

标签: javascript jquery html

我的文件的树视图结构。 但是,文件目录现在已经混淆了。

我在每个目录中添加了一个名为'type_dir'的类, 并且'type_file'到每个文件。

如何在每个UL中将所有'type_file移动到所有'type_dir之下?

示例:

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

这需要:

{{1}}

提前谢谢你!

1 个答案:

答案 0 :(得分:1)

也许像......

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

虽然这对于type_dir元素并不干净,因为该类在li而不是ul上。你能把那个标签移到嵌套的ul?