📅  最后修改于: 2023-12-03 15:38:04.025000             🧑  作者: Mango
在某些情况下,您可能想要删除一个元素的所有父元素,但却想要保留该元素的子元素。
使用 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 删除除其子元素之外的父元素的介绍。