Search jQuery

jQuery Forum

Remove parent problem

in Using jQuery • 10 years ago

Not sure how to do this as the only other time I've ever used "remove parent" is when the link has been inside the parent!

I have a number of blocks on the page and the code looks something like this…

<div class="block">
<div class="content">
<a class="remove">Remove the outer block</a>
</div>
</div>
<div class="block">
<div class="content">
<a class="remove">Remove the outer block</a>
</div>
</div>
<div class="block">
<div class="content">
<a class="remove">Remove the outer block</a>
</div>
</div>
<script>
$("a.remove").click(function () {
$(this).parent().remove();
});
</script>

Now what I want to happen is when the user clicks the "Remove the outer block" link that is removes the "block" div and it's contents.

Using the above code only removes the parent div of the link (content) and so the outer block div remains.

I'm sure there's a very simple solution but I'm not entirely sure what to do.

Any help or advice would be much appreciated.

Replies(6)

rminde

Re: Remove parent problem

10 years ago

try this:

$(".block").click(function () {
$(this).remove();
});

or this:

$("a.remove").click(function () {
$(this).parent().parent().remove();
});

greencode

Re: Re: Remove parent problem

10 years ago

Thanks for this. The bottom one works perfectly but this will obviously be reliant that the "remove" button remains two levels deep at all times.

I couldn't get the first one to work. Shouldn't there be the a.remove somewhere in that code?

contacto

Re: Re: Remove parent problem

7 years ago

thanks man, you save me

rminde

what you want is to remove the outer block div, or?
there you can go different ways.
you can click the outer block div to remove it or you can click anywhere else to remove the block div but then you have to look for the path from your click-event to the div you want to remove

the first one works too, you can see it here
http://jsfiddle.net/dthec/1/

when you don't know how many levels will be there you can als work with ".closest()"