刪除現有的孩子節點後無法追加一個孩子節點到一個div

Question

我的問題是，我不能追加一個新的超鏈接到一個div後刪除現有的。

這裏我檢查div裏面是否有超鏈接，如果有，我將它們全部刪除。

var node = document.getElementById('nearByCitiesDiv'); 
     while (node.hasChildNodes()) { 

      node.removeChild(node.lastChild); 
     } 

然後，我創建新的超鏈接，但他們不顯示在div內。 順便說一句，我使用jQuery的移動面板。另外下面的代碼工作正常，並在div中添加新的超鏈接，如果我不刪除div的childNodes。

var element = $('<a data-role="button" style="text-decoration:none;" href="#/" onclick="showNearCityWeather(' + nearbyPosition.lat + ',' + nearbyPosition.lng + ')" data-theme="a">' + c.toponymName + '</a >'); 
$("#nearByCitiesDiv").controlgroup("container")["append"](element); 
$("#nearByCitiesDiv").controlgroup("refresh"); 
$('[data-role="button"]').button(); 

Answer 1

controlgroup容器實際上是一個子div。所以當你刪除子節點時，你實際上是在移除容器。你可以這樣清理容器：

$("#nearByCitiesDiv").controlgroup("container").empty()