не может добавить дочернийNode в div после удаления существующих дочернихNodes

Question

моя проблема в том, что я не могу добавить новую гиперссылку в div после удаления существующих.

Здесь я проверяю, есть ли какая-либо гиперссылка внутри div, и если есть, я удаляю все из них.

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

      node.removeChild(node.lastChild); 
     } 

Затем я создаю новые гиперссылки, но они не отображаются внутри div. Кстати, я использую мобильные панели jquery. Также ниже код работает отлично и добавляет новые гиперссылки внутри div, если я не удаляю childNodes из div.

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

Контейнер контрольной группы на самом деле является дочерним div. Поэтому, когда вы удаляете дочерние узлы, вы фактически удаляете контейнер. Вы можете очистить контейнер следующим образом:

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