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

Question

在克隆我的（div）容器并更改id之后，我似乎无法使用id-selector获取它，我做错了什么？我知道克隆是正确的，我知道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