Javascript Jquery:在li mouseenter上查找最近的Div

我试图在an li的悬停处找到一个特殊的div，下面是我的html结构

<ul class="filters_ul">
  <li>
    <div class="row">
        <div class="col-md-10">
        <label class="container-check-single-filter">Sort By Date Created</label>
        </div>
        <div class="col-md-2">
            <div class="row" style="position: relative;">
            <div class="arrow_up arrow_up_grey" ng-click="set_sort_vals('date','asc')">&nbsp;</div>
            <div class="arrow_down arrow_down_grey" ng-click="set_sort_vals('date','desc')">&nbsp;</div>
            </div>
        </div>
    </div> 
  </li>

</ul>

按创建日期排序

鼠标悬停在li上时，我需要找到箭头\u down\u grey并更改其背景图像

请帮助

您可以使用jquery的

hover（）

方法移动悬停事件，然后按类和id查找最接近的div，如下所示

$( "li" ).hover(
  function() {
    $( this ).find('.arrow_down_grey').css('backgroundImage',"url('https://www.aviary.com/img/photo-landscape.jpg')");
  }, function() {
    
  }
);

.closest（）

从起始元素向上遍历DOM树。

.arrow\u down\u grey

元素不在DOM中的

li

之上，它是

li

的后代。这应该是

$（This）。改为查找（'.arrow\u down\u grey'）

。