jquery - 清除 DOM jquery

Question

我有一个可以在选项卡之间切换的界面，每次这样做时，都会调用 load() 函数并将一些 html 加载到 div 中。

问题是，即使当我切换到另一个选项卡时，前一个选项卡内容仍保留在 DOM 中，而我不希望这样，因为我需要有重复的 id，而且这不是最佳的内存使用情况。

所以基本上，问题是，当我切换到另一个选项卡时，如何清除之前加载到该 div 中的 DOM？

如果我可以命名加载的内容或其他内容，然后从 DOM 中删除，那就更好了，因为我不能总是知道内容已加载到哪里。

Answer 1

使用.empty()包含要删除的 html 的 div 元素上的方法。

如果你不知道是哪个元素，则必须绑定(bind) select选项卡的事件(如果您使用 jQuery UI 选项卡)，以便您可以存储当前选择的选项卡，并了解之前选择的选项卡。

示例:

var selectedTab;
$("#tabs").bind("tabsselect", function(event, ui) {
    if (selectedTab) {
        selectedTab.find("div").empty();
    }
    selectedTab = ui.panel;
});

您还可以通过将匿名函数作为选项传递来在选项卡小部件的创建时绑定(bind)上述内容:

select: function(event, ui) { ... }