jquery - 删除单击的元素、其父元素和父元素的上一个元素

Question

我尝试在单击 p 元素后删除下面的所有元素。你能给我指点一下我哪里出错了吗？

<h2>Heading</h2>
<a href="#">
    <p>Click me to delete everything</p>
</a>

$('p').click(function() {
    $(this).remove().parent().remove().prev().remove();
});

这是一个jsfiddle .

Answer 1

$(this).parent().prev().andSelf().remove();

Fiddle

andSelf docs

.addBack() 是也可以使用的 andSelf 的别名。唯一的区别是 addBack 仅在 jQuery 1.8+ 中可用，而 andSelf 从 1.2 版本开始可用。

parent()和 prev()不言自明，andSelf()又名 addBack 只是将上一组匹配的元素添加到当前集合中，也就是说，它将 .parent().prev() (父级的上一个元素)与之前执行的 .parent() (父元素)并一次性删除它们。