如何使用 jQuery 库来删除 HTML 页面中指定的元素下的所有子元素，但是保留其中一个特定的子元素

如何使用 jQuery 库来删除 HTML 页面中指定的元素下的所有子元素，但是保留其中一个特定的子元素

示例如下：

假设我们有以下的 HTML 代码：

<div id="container">
  <div id="header">Header</div>
  <div id="content">Content</div>
  <div id="footer">Footer</div>
</div>

我们想要删除 #container 元素下的 #header 和 #footer 元素，但是保留 #content 元素。

我们可以使用以下的 jQuery 代码来实现：

// 找到 #container 下的所有子元素，除了 #content
var elementsToRemove = $('#container').children().not('#content');

// 删除这些元素
elementsToRemove.remove();

在这个示例中，我们首先使用 .children() 方法找到了 #container 元素下的所有子元素。

然后，我们使用 .not() 方法筛选出了除了 #content 元素之外的所有子元素。

最后，我们使用 .remove() 方法删除了这些子元素。