Event to remove element before

Question

How would I write an event in jQuery so that if I click any of the links it'll delete not the divouter surrounding it, but the divouter before it?

    <div class='divouter'>
<a href='#'>Link</a>
    </div>
    <div class='divouter'>
<a href='#'>Link</a>
    </div>
    <div class='divouter'>
<a href='#'>Link</a>
    </div>
    <div class='divouter'>
<a href='#'>Link</a>
    </div>

Answer 1

Try this:

$(".divouter a").click(function() {
    $(this).parent(".divouter").prev(".divouter:last").remove();
});

Answer 2

$('.divouter a').click(function(){
    var prevParent = $(this).parent().prev();
    if (prevParent.length) prevParent.remove();
});