Question

结帐： - jsfiddle

$('body').remove('p')

我的问题是，当传递选择器remove（）函数时，remove（）似乎不起作用，但是当我使用

时

$('body p').remove()

它工作正常。那么，问题是什么，请帮忙

Answer 1

实际上<p>是<body>的孩子，所以请使用children()： -

$('body').children('p').remove()

$('body').children('p').remove();

// you can use find() also:- $('body').find('p').remove();

body {
  outline: 1px solid purple;
}

svg {
  outline: 1px solid purple;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<p>
hi,there
</p>
</body>

同样的事情发生在$('body p').remove()。

为什么$('body').remove('p')无效： -

AS @Jonathan Lonowski 正确解释： -

.remove(selector)相当于使用.filter(selector).remove()。使用<body>到<p>元素过滤集合会导致空集合，因此.remove()无效。

Answer 2

$('body').children('p').remove()

Answer 3

您可以尝试在身体中找到您的p元素

$('body').find('p').remove();

Answer 4

您可以像这样使用从body

中递归删除所有'p'标签

$('body').find('p').remove()