jquery remove 从另一个元素中删除

根据here，jquery删除函数应该像这样工作。

$('div').remove('selector'); 

我正在尝试在这个例子中.

HTML:

<div class="wrapper">
    <p class="unwanted">This should be removed</p>
    <p class="retained">This will remain</p>
</div>​

JavaScript：

jQuery(document).ready(function($) {
    $('div').remove('p.unwanted'); //not working
    //$('p.unwanted').remove(); //this works
});

​ 它不起作用。我究竟做错了什么？

您误解了文档的内容。它并不是寻找与选择器匹配的匹配元素的后代元素，它只是将已匹配的元素集过滤到与选择器匹配的元素，然后删除它们。

如果你有这个 HTML：

<div class="wanted">Some text</div>
<div class="wanted">Some more text</div>
<div class="unwanted">Some unwanted text</div>

然后执行这个 jQuery：

$('div').remove('.unwanted');

那么它只会删除第三个<div>（带有unwanted类），因为它首先选择all <div>元素，然后仅删除那些与选择器匹配的元素。

示例 jsFiddle