Jquery 如何查找同一父项下的元素

我正试图将鼠标悬停在

.detail

上，导致

.imgbox\u wrapper

中的img被放大

我尝试使用最近的或同级，但找不到如何选择位于父同级中的元素

<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>

找到主父级后在其上使用

$（文档）.ready（函数（）{
$（'.detail'）.hover（函数（）{
//这在鼠标输入时运行
$（this）.closest（'.imgbox'）.find（'.imgbox_wrapper img'）.css（'transform'，'scale（2,2）'）；
}，函数（）{
//这是鼠标左键运行
$（this）.closest（'.imgbox'）.find（'.imgbox_wrapper img'）.css（'transform'，'scale（1,1）'）；
});
});

外部
正文

请编辑您的问题并显示您尝试过的javascript/jQuery代码。
$(document).ready(function(){

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

});