Jquery 事件之前删除元素

Jquery 事件之前删除元素,jquery,dom-manipulation,Jquery,Dom Manipulation,我如何在jQuery中编写一个事件,这样如果我单击任何链接,它就不会删除它周围的divouter,而是删除它前面的divouter <div class='divouter'> <a href='#'>Link</a> </div> <div class='divouter'> <a href='#'>Link</a> </div> <div class=

我如何在jQuery中编写一个事件,这样如果我单击任何链接,它就不会删除它周围的divouter,而是删除它前面的divouter

    <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>

试试这个:

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

我没有测试你的全部代码,但prev方法正是我需要的。是否需要
:last
过滤器
prev()
只选择一个元素AFAIK。我不确定,我自己的代码中没有使用它。我刚刚使用了prev方法。@J-P:如果前面的元素不是divouter中的一个呢?或者我们可以忽略这个案例,@user201140?
$('.divouter a').click(function(){
    var prevParent = $(this).parent().prev();
    if (prevParent.length) prevParent.remove();
});