交换3项

Question

我在导航栏上有3个HTML列表项。我希望onclick响应是单击文本与中间元素交换的任何元素。单击的项目移动到中间，中间的项目移动到替换它的项目的位置。我一直在尝试和使用Javascript和jQuery进行研究。只有2个元素有很多答案。我无法找到任何移动3周围的东西。

这是HTML：

<li>
    <a id="i1" onclick='swap();' href="#">being</a>
</li>
<li>
    <a id="active" href="#">doing</a>
</li>
<li>
    <a id="i2" onclick='swap();' href="#">done</a>
</li>

这是我到目前为止的JavaScript，但它只是循环使用它们：

function swap() {
    var i1 = document.getElementById("i1");
    var active = document.getElementById("active");
    var i2 = document.getElementById("i2");
    var initiali1 = i1.innerHTML;
    var initialactive = active.innerHTML;
    var initiali2 = i2.innerHTML;

    i1.innerHTML=active.innerHTML;
    active.innerHTML=initiali1;
    i2.innerHTML=active.innerHTML;
    active.innerHTML=initiali2;
}

Answer 1

不确定您要找的是什么，请尝试以下代码：

self.img.parentElement.insertBefore(self.lens, self.img)