如何使用jQuery重新排列元素？ [英] How to rearrange elements using jQuery?

问题描述

如何使用jQuery重新排列元素？

How to rearrange elements using jQuery ?

原始代码：

<p id="paragraph1">1</p>
<p id="paragraph2">2</p>
<p id="paragraph3">3</p>
<p id="paragraph4">4</p>
<p id="paragraph5">5</p>

重新排列后（将p3放在p2的位置）

After Rearrange (put p3 in p2's place)

<p id="paragraph1">1</p>
<p id="paragraph3">3</p>
<p id="paragraph2">2</p>
<p id="paragraph4">4</p>
<p id="paragraph5">5</p>

推荐答案

您可以使用 .insertBefore（） ：

You can use .insertBefore():

$("#paragraph3").insertBefore("#paragraph2");

稍微更详细的例子（点击一个段落将其移动）：

Slightly more elaborate example (clicking on a paragraph moves it up):

$("p").click(function() {
   $(this).insertBefore($(this).prev()); 
});

您可以在这里测试这两个示例。

这篇关于如何使用jQuery重新排列元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！