Jquery:找到最近的h2标签

Question

我想找到最接近h2标签的悬停图片以下是我的html代码

<div class="col-md-3 col-sm-3 col-xs-12" style="padding-left:0;">
      <div class="ih-item square effect7"><a href="#">
         <div class="img">
         <img src="images/facilities/facility1.png" class="img-responsive fullwidthimg">
         </div>
        <div class="info">
          <h3>Content </h3>
          <p>Some content </p>
        </div></a>
     </div>
 <h2>Arenas</h2>
 </div>

这就是我想在jquery中做的事情

 $(document).ready(function () {
     $('.img').hover( function(){
          $(this).closest('h2').hide();  
    })
})

请帮帮我怎样才能做到.

Answer 1

closest()只查找祖先树.你需要一个更复杂的遍历,因为<h2>它不是一个祖先

就像是:

 $('.img').hover( function(){
      $(this).closest('.ih-item').siblings('h2').hide();  
 });