克隆的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

你沒有追加克隆父。

合菜是在這裏：http://jsfiddle.net/9TP5e/4/

添加此行 -

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