获取父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子时获取父级包含div的高度。

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

CSS

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

Answer 1

使用.closest()只用父母将只得到了一个水平<a>元素，所以你必须使用父（）两次或使用最接近（）

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

演示