javascript - 使用 jquery 交换 td 的常量

Question

我想通过单击上移按钮来交换两个 td 的内容。我的意思是我想在 2nd td 和 3rd td 之间交换内容。

我已经完成了，但我面临的问题很小，即“交换的 td 没有切换显示当前 td 是否在交换后被点击的类。”

我正在使用此代码交换 td 的内容，如下所示

var currentTr = $("#selectedTab td.backgroundcolor").parent();

var previousTr = currentTr.prev();

var temp = currentTr.html();

$(currentTr).html(previousTr.html());

$(previousTr).html(temp);

Answer 1

DOM 中的 HTML 操作可能具有破坏性。相反，您应该移动 DOM 节点本身。

var currentTr = $("#selectedTab td.backgroundcolor").parent();
var previousTr = currentTr.prev();

var temp = currentTr.contents().detach();

currentTr.append(previousTr.contents());

previousTr.append(temp);

这样您就不会序列化、销毁和重建所有节点。你只是在移动它们。