是否有一个原生的jQuery函数来切换元素？

Question

是否有一个原生的jQuery函数来切换元素？

我可以轻松地用jQuery交换两个元素吗？

如果可能的话，我希望用一行来做这件事。

我有一个选择元素，我有两个按钮可以向上或向下移动选项，我已经选择了目标选择器，我用if做了，但我想知道是否有更简单的方法。

Answer 1

我找到了一种有趣的方法来解决这个问题，只使用jQuery：$("#element1").before($("#element2"));要么$("#element1").after($("#element2"));:)

Answer 2

保罗是对的，但我不确定他为什么克隆有关的元素。这不是必需的，并且会丢失与元素及其后代关联的任何引用或事件侦听器。这是一个使用普通DOM方法的非克隆版本（因为jQuery实际上没有任何特殊的功能来使这个特定的操作更容易）：function swapNodes(a, b) {     var aparent = a.parentNode;     var asibling = a.nextSibling === b ? a : a.nextSibling;     b.parentNode.insertBefore(a, b);     aparent.insertBefore(b, asibling);}

Answer 3

不，没有，但你可以鞭打一个：jQuery.fn.swapWith = function(to) {     return this.each(function() {         var copy_to = $(to).clone(true);         var copy_from = $(this).clone(true);         $(to).replaceWith(copy_from);         $(this).replaceWith(copy_to);     });};用法：$(selector1).swapWith(selector2);请注意，这仅适用于选择器每个只匹配1个元素的情况，否则会产生奇怪的结果。