javascript - 当它的父级被创建为.empty() 时，如何获取从 DOM 中删除的 div？

Question

我在 HTML 文件中有一个 div

"<div id="abc" hidden="hidden">
        <div id="statIndicator">
            <span id="imgInd" class="status-indicator-border">
                <img src="../../LibSrc/SharedResources/IMG/loading-trace.gif" />
            </span><span id="messageIndicator">Updating Plots...</span>
        </div>
    </div>"

我使用追加将 statIndicator div 插入到另一个 div 中。 这样 div 就变成了

<div id="parentDiv">
 <div id="statIndicator">
                <span id="imgInd" class="status-indicator-border">
                    <img src="../../LibSrc/SharedResources/IMG/loading-trace.gif" />
                </span><span id="messageIndicator">Updating Plots...</span>
            </div>
</div>

在刷新时我写 $('#parentDiv').empty() 它会删除 'parentDiv' 中的任何内容。 但是当我尝试使用 $('#statIndicator') 附加 statIndicator 时，它返回“[]”，尽管我在 Html 中有 'statIndicator' div。

有什么方法可以获得“statIndicator”div 吗？

Answer 1

没有。 $.empty() 删除内容，因此您的“statIndicator”div 根本不存在。

只需在调用 $.empty() 之前将其从“parentDiv”中删除即可。要么将它存储在一个变量中，要么将它放回到它开始的地方，在“abc”中。