jquery - 前に要素を削除するイベント

Question

リンクのいずれかをクリックすると、それを囲むdivouterではなく、その前のdivouterが削除されるように、jQueryでイベントを作成するにはどうすればよいですか?

    <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

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

Answer 2

これを試して：

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