如何使用 jQuery 删除除其子元素之外的父元素？

在某些情况下，您可能想要删除一个元素的所有父元素，但却想要保留该元素的子元素。

使用 jQuery，您可以使用以下代码片段来实现这一点：

$(function() {
  // Find the element you want to keep
  var elementToKeep = $('.keep-me');

  // Remove all parent elements that don't contain the element you want to keep
  $(':not(:has(.keep-me))').remove();

  // Append the element you want to keep to the body
  $('body').append(elementToKeep);
});

这段代码会先选择要保留的子元素并将其存储在变量 elementToKeep 中。接下来，它会选择所有不包含要保留的元素的父元素，并将它们全部删除。最后，它会将要保留的元素添加到 body 元素中。

请确保将 $('.keep-me') 替换为您要保留的元素的选择器。

您可以将此代码放在 $(document).ready() 中，以确保它在页面加载后运行。如果需要，您还可以将其修改为适应您的特定用例。

以上就是如何使用 jQuery 删除除其子元素之外的父元素的介绍。