克隆的HTML元素未显示

Question

我使用jQuery克隆了一个div并定位它然而我不知道为什么它没有显示。使用F12工具，我可以看到元素和顶部，左侧，高度和宽度属性已正确设置。

<div id="divLine" style="width: 12px;height:16px;background-color: #000"></div>

 var clone = $("#divLine").clone().prop('id', 1)[0];
            $(clone).css({
                position: 'absolute',

                left: 20,
                top:20
            })

JSFiddle Example

Answer 1

您忘记将克隆元素附加到正文或相关容器中。

演示：http://jsfiddle.net/9TP5e/1/

$('body').append(clone);

Answer 2

您没有将克隆附加到父级。

Fixe在这里：http://jsfiddle.net/9TP5e/4/

添加此行 -

$("#divLine").parent().append(clone);