javascript - 将 HTML 从一个元素复制到另一个元素时，为什么不保留子选择和输入的选定/选中属性的值？

Question

使用 jQuery，当我将一个元素的 HTML 设置为另一个元素的 HTML 时，不会复制复选框输入的 checked 属性和选择输入的 selected 属性。为什么是这样？例如，假设类“old”的 div 包含几个子复选框输入，所有这些都被选中。现在我想将类“new”的另一个 div 的内部 HTML 设置为类“old”的 div 的内部 HTML，如下所示:

$(".new").html($(".old").html());

所有那些应该被选中的复选框实际上都没有被选中。为什么？

Answer 1

那是因为元素的当前状态存储在它的 DOM 属性中，而不是它的 HTML 属性中。分配原始 HTML 时，您只是在复制属性。

如果你想复制当前状态的元素，使用clone()相反:

$(".new").replaceWith($(".old").clone());

或者，更短且速度稍快:

$(".old").clone().replaceAll(".new");