Javascript JQuery-如何将li移动到ul中的另一个位置？（交易所2里）

什么是一个很酷的应用方法？我需要一个脚本来交换两个

在

中的位置。 它认为这应该是可能实现的。谢谢你的回复
HTML
HTML结果

<div id="awesome">
<ul>
<li>Item 1</li>
<li>Item 4</li>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 5</li>
</ul>
</div>

项目1
项目4
项目3
项目2
项目5

您可以使用jQuery的

.after（）

来移动元素。我克隆了其中一个，这样原始文件就可以保留为占位符。这就像你想切换变量

a

和

b

，你需要第三个临时变量

$.fn.exchangePositionWith = function(selector) {
    var other = $(selector);
    this.after(other.clone());
    other.after(this).remove();
};

现在，您的伪代码

$（“#awesome ul li:eq（1）”）。与（“#awesome ul li:eq（3）”交换位置

不是那么伪：-）

$（“ul li a”）。单击（函数（）{
$（this.parent（）.insertBefore（'ul li:eq（0）'）；
});

a
b
c
d
e
f

单击“我的值”将其删除

<div id="awesome">
<ul>
<li>Item 1</li>
<li>Item 4</li>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 5</li>
</ul>
</div>

$.fn.exchangePositionWith = function(selector) {
    var other = $(selector);
    this.after(other.clone());
    other.after(this).remove();
};

 $("ul li a").click(function () {
    $(this).parent().insertBefore('ul li:eq(0)');
  });


<ul>
    <li><a>a</a></li>
    <li><a>b</a></li>
    <li><a>c</a></li>
    <li><a>d</a></li>
    <li><a>e</a></li>
    <li><a>f</a></li>
</ul>