jQuery仅将类添加到子元素

以下代码起作用：

jQuery(".left-content").find("li").hover(function () {
    jQuery(".left-content").find(".stamp").addClass('stamp-hover');
  }, 
  function () {
    jQuery(".left-content").find(".stamp").removeClass('stamp-hover');
  }
);

但是，我在页面上以相同的方式设置了大约5个div，当将鼠标悬停在li上（比如div 1）时，该类将添加到页面上

div.left-content

中的所有

div.stamp

。其中，我只希望将类添加到父级

div.left-content

中的

div.stamp

<div class="left-content">
    <div class="content-section">
        <ul>
            <li><a href="#">link 1</a></li>
            <li><a href="#">link 2</a></li>
            <li><a href="#">link 3</a></li>
        </ul>
    </div>
    <div class="stamp-anchor-wrapper">
        <div class="stamp"></div>
    </div>
</div>

使用

此

jQuery(".left-content").find("li").hover(function () {
    jQuery(this).parents(".left-content").find(".stamp").addClass('stamp-hover');
  }, 
  function () {
    jQuery(this).parents(".left-content").find(".stamp").removeClass('stamp-hover');
  });

---

使用

this

jQuery(".left-content").find("li").hover(function () {
    jQuery(this).parents(".left-content").find(".stamp").addClass('stamp-hover');
  }, 
  function () {
    jQuery(this).parents(".left-content").find(".stamp").removeClass('stamp-hover');
  });