Jquery，克隆并更改 div 的 id 后，无法通过该 id 访问该元素

Question

克隆我的 (div) 容器并更改 id 后，我似乎无法使用 id 选择器获取它，我做错了什么吗？我知道克隆是正确的，我知道 id 更改得很好，但我无法再使用默认的 Jquery 选择器来获取该元素。

var clone = $('#test').clone(); 
clone.attr('id', 'abc');

alert(clone.attr('id')); // gives 'abc'
alert($("#abc").html()); // gives null   <------------ WHY?
alert(clone.html());     // gives correct html

Answer 1

您尚未将克隆插入到 DOM 中。此 $("#abc") 在当前文档中查找该 ID，但它还不存在。

这有效:

var clone = $('#test').clone(); 
clone.attr('id', 'abc');

alert(clone.attr('id'));            // gives 'abc'
$(document.body).append(clone);     // <==== Put the clone into the document
alert($("#abc").html());            // gives correct html