如何找到相同 parents 下的元素

Question

我正在尝试将鼠标悬停在 .detail 上，使 .imgbox_wrapper 中的 img 被放大。

我尝试使用 closest 或 siblings 但找不到如何 select 位于 parents 兄弟姐妹中的元素。

<div class="imgbox">
     <div class="sec03_text">
          <p class="design">Exterior</p>
          <button class="detail">
              <p>text</p>
          </button>
     </div>
     <div class="imgbox_wrapper">
          <img src="image/exterior.png" alt="nth">
     </div>
</div>

这是我试过的方法

$(document).ready(function(){

    $('.sec03_text .detail').hover(function() {
        $('.imgbox .imgbox_wrapper img').css('transform : scale(1.1)');
    });

});

Answer 1

找到主父级后使用 find

$(document).ready(function(){
  $('.detail').hover(function(){
    //this runs on mouse enter
    $(this).closest('.imgbox').find('.imgbox_wrapper img').css('transform','scale(2,2)');
  }, function(){
    //this runs on mouse leave
    $(this).closest('.imgbox').find('.imgbox_wrapper img').css('transform','scale(1,1)');
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="imgbox">
     <div class="sec03_text">
          <p class="design">Exterior</p>
          <button class="detail">
              <p>text</p>
          </button>
     </div>
     <div class="imgbox_wrapper">
          <img src="image/exterior.png" alt="nth">
     </div>
</div>

如何找到相同 parents 下的元素

how to find an elements under same parents

jquery

parent

siblings