删除现有子节点后无法将子节点附加到 div

Question

我的问题是在删除现有超链接后无法将新超链接附加到 div。

这里我检查一下div里面有没有超链接，如果有，我就全部删除。

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

            node.removeChild(node.lastChild);
        }

然后我创建了新的超链接，但它们没有显示在 div 中。顺便说一下，我正在使用 jquery 移动面板。如果我不删除 div.

的子节点，下面的代码也可以正常工作并在 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()

删除现有子节点后无法将子节点附加到 div

can not append a childNode to a div after removing existing childNodes

jquery-mobile

appendchild

removechild