Question

我试图在标准无序列表中移动列表项但不知道从哪里开始。我无法访问HTML并且只有一个客户端JS文件，所以我想我必须通过JS来实现。

列表如下所示：

    <nav id="main_navigation">
    <ul class="level_1 children_9">
        <li class="level_1 first" id="1">
            <a class="level_1" href="#">Item 1</a>
        </li>
        <li class="level_1" id="2">
            <a class="level_1" href="#">Item 2</a>
        </li>
        <li class="level_1" id="3">
            <a class="level_1" href="#">Item 3</a>
        </li>
        <li class="level_1" id="4">
            <a class="level_1" href="#">Item 4</a>
        </li>
        <li class="level_1" id="5">
            <a class="level_1" href="#">Item 5</a>
        </li>
    </ul>
    </nav>

我想将第4项移到第1项的位置，并维持其余的订单。

我发现的唯一例子涉及对点击进行重新排序，这太复杂了。

非常感谢任何帮助。

谢谢，

亚当

Answer 1

所以你的意思是这样的：

window.onload = function() {
    var items = document.querySelectorAll('li.level_1');
    items[3].parentNode.insertBefore(items[3], items[0]);
}

Fiddle

使用JS重新排序HTML列表项

1 个答案: