javascript - jQuery 在 DOM 中查找上层元素

Question

我有以下结构:

<div class="content">

    <div class="author" data-id="1"></div>
    <div class="post"></div>    
    <div class="post"></div>  
    ...........................
    <div class="author" data-id="5"></div> // This is the target i need to get later
    <div class="post"></div>    
    <div class="post"></div>  

    <div class="author current" data-id="6"></div>
    <div class="post"></div>    
    <div class="post"></div>    
    <div class="post"></div>  
    .............................
    <div class="author" data-id="10"></div>
    <div class="post"></div>    
</div>

和脚本:

$('.author.current').click(function(){
     var $current_author = $(this);
     var $prev_author = ...//Here i need to get the author div which is upper in the DOM tree(the one with comment)
     $current_author.removeClass('current')
     $prev_author.addClass('current')
})

正如我在代码中所写，我需要通过点击当前作者来获得之前的作者。作者的数量可以是无限的。

有人可以帮我解决这个问题吗？谢谢。

编辑

感谢答案，正确的方法在这里:

 var $prev_author = $current_author.prevAll('.author').first()

Answer 1

尝试，

var $prev_author = $(this).prevAll('.author').first();

或

var $prev_author = $(this).closest('.content').find('.author:first');