我有一個div同班的名單。每個 div 包含其他 div、.header、.body、.footer。例如，當我將鼠標懸停在一個 div 內的一個元素上時.header，我需要.footer在同一 div 內的另一個元素上添加/刪除一個類。問題是當我懸停一個時.header- 我正在向.footer所有其他 div 內的所有元素添加類，但我只需要向.footer當前 div 內添加新類。$(document).ready(function() {  $('.header').hover(function() {    $('.footer').addClass('active');  }, function() {    $('.footer').removeClass('active');  });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="list">  <div class="list_item">    <div class="header"></div>    <div class="body"></div>    <div class="footer"></div>  </div>  <div class="list_item">    <div class="header"></div>    <div class="body"></div>    <div class="footer"></div>  </div>  <div class="list_item">    <div class="header"></div>    <div class="body"></div>    <div class="footer"></div>  </div></div>