📌  相关文章
📜  如何使用 jQuery 删除除其子元素之外的父元素?(1)

📅  最后修改于: 2023-12-03 15:38:04.025000             🧑  作者: Mango

如何使用 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 删除除其子元素之外的父元素的介绍。