在使用 remove() 的过滤器删除时，不能删除带有过滤器的子元素。

$(document).ready(function(){    $("button").click(function(){        $("#div1").remove(".part");    });});

尝试一下 »

解释一下楼上的，就是说如果子元素符合过滤器中条件而父元素不符合的话，是不会删除符合条件的子元素，即过滤器中条件只能作用于同级，不能作用于子元素。

对楼上进行补充：

$(selector) 语法的返回结果是一个元素的列表，即：将 $("#div1") 看作一个列表，remove() 中的筛选条件实际上是对这个列表中的元素进行筛选删除，而不会去删除这个列表中不存在的元素（子元素不在这个列表中）。

假如你扔掉了一瓶水，那就是 remove。

假如你倒掉了一瓶水，那就是 empty。

補充樓上：因此需要修改selector，改為選取id="div1"中的所有

元素，再從中篩選出class="part"的

元素，然後刪除該元素。

$(document).ready(function(){    $("button").click(function(){        $("#div1>p").remove(".part");    });});