Question

I’m trying to remove all elements below after clicking on the p element. Could you give me any pointers where am I going wrong?

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

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

Here is a jsfiddle.

Answer 1

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

Fiddle

andSelf docs

.addBack() is an alias for andSelf that can also be used. The only difference is that addBack is only available in jQuery 1.8+, while andSelf is available since version 1.2.

parent() and prev() are self-explanatory, andSelf() aka addBack simply adds the previous set of matched elements to the current set, that is, it combines .parent().prev() (the prev element of parent) with the previously executed .parent() (the parent element) and removes these in one go.