jquery - 获取父div的高度

Question

  <div class='contain'>
     <a href="#">
        <div id="s1" class="sub" onclick="hello('1')">dasdad</div>
     </a>
  </div>
 <div class='contain'>
     <a href="#">
        <div id="s2" class="sub" onclick="hello('2')">dasdad</div>
     </a>
  </div>

根据上面的内容，当在 jquery 中单击 div sub 时，如何获取父级包含 div 的高度。

尝试使用$('#s1').parent().height();。

CSS

   .contain{margin:auto;width:auto; height:auto;}
   .sub{width:160px;min-height: 173px;}

Answer 1

使用 .closest() 仅使用父级只会使 <a> 上升一级元素，因此您必须使用parent()两次或使用closest()

$('#s1').closest('.contain').height();

DEMO