JQuery - 如何将li移动到ul中的另一个位置？(交换2里)

Question

什么是很酷的方式来应用它？我需要一个在<ul>中交换两个<li>位置的脚本.它认为应该有可能实现.感谢您的答复.

HTML

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

伪Javascript(JQuery)

$("#awesome ul li:eq(1)").exchangePostionWith("#awesome ul li:eq(3)");

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>

Answer 1

你可以使用jQuery .after()来移动元素.我克隆了其中一个,所以原来可以作为占位符.这就像如果你想切换变量a和b,你需要第三个临时变量.

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

现在你的伪代码$("#awesome ul li:eq(1)").exchangePositionWith("#awesome ul li:eq(3)");不是那么伪:-)