是否有一个原生的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个元素的情况，否则会产生奇怪的结果。