javascript - 如何使用 jQuery 重新排列元素?

标签 javascript jquery html css

如何使用 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 的位置)

<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() :

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

稍微复杂一点的例子(点击一个段落将其向上移动):

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

You can test both examples here.

关于javascript - 如何使用 jQuery 重新排列元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4909907/

相关文章:

javascript - scrollIntoView() 在控制台中有效,但在站点代码中无效

javascript - JQuery append() 不追加

javascript - 显示带有来自 json 的真实值的复选框

javascript - 选择属性的一部分 - JQuery

javascript - Soundcloud SC.stream() : waveforms and autoplay

javascript - 面板内的 CodeMirror 编辑器

javascript - 选择中的 ng-change 不起作用

javascript - 使用 jQuery 删除 HTML onchange 代码

javascript - 返回当前显示的数组 Javascript 的索引

html - 如何让我的 jwplayer 视频响应?