jquery - 在jquery中克隆后跟踪和隐藏旧元素

Question

我正在尝试克隆和元素，然后隐藏旧元素。实际上，我想使用旧元素的事件绑定，但要将旧元素移动到 DOM 中的新位置。

我克隆它并在需要的地方附加它。

现在，当我尝试隐藏旧元素时，克隆副本本身会被隐藏，旧元素不受影响。

请帮忙。:)

var $thead = $("#UserDataTable thead");
var $tfoot = $("#UserDataTable tfoot#myfooter");
var $clone = $tfoot.clone(true, true).attr("id", "ClonedFoot");
$thead.after($clone);
$("#UserDataTable tfoot#myfooter").hide();

---

最后一行代码隐藏了克隆的元素本身。我认为它应该隐藏id为myfooter的原始元素。

Answer 1

存在问题是因为在您的代码中您通过再次遍历 DOM 来隐藏。您已经在 vars 中绑定了每个元素，只需再次使用它们：

var $thead = $("#UserDataTable thead");
var $tfoot = $("#UserDataTable tfoot#myfooter");
var $clone = $tfoot.clone().attr("id", "ClonedFoot");
// now hide the original
$tfoot.hide();
$thead.after($clone);