javascript - jQuery向下滑动最接近的div

This question already has answers here:

How do I find closest element with jQuery
                                
                                    （3个答案）
                                
                        
                                4年前关闭。
            
                    
按下<li>时，它应向下滑动带有clas .notification_pop_up的div。
有人可以给我建议吗？我想我需要使用这些next()或find()之一，但我不知道如何使用。感谢你。
的HTML

<li class="pr_news"><div class="notification_pop_up"></div></li>
<li class="pr_messages"><div class="notification_pop_up"></div></li>

最佳答案

$('li').on('click',function(){
    $('.notification_pop_up',this)
      .slideDown();
});

要么

$('li').on('click',function(){
    $('.notification_pop_up:first',this)
      .slideDown();
});

要么

$('li').on('click',function(){
    $(this).find('.notification_pop_up:first')
      .slideDown();
});

要么

$('li').on('click',function(){
    $(this).find('.notification_pop_up')
      .first()
      .slideDown();
});

但到目前为止，最有效的方法如下：

$(document).on('click','li:has(.notification_pop_up)',function(){
    $('.notification_pop_up',this)
      .slideDown();
});