如何使用 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());
});
关于javascript - 如何使用 jQuery 重新排列元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4909907/