jquery innerHeightメソッド

jquery innerHeight()メソッド

innerHeightメソッドは、指定した要素の内部の高さを取得するメソッドです
paddingは含みますが、borderの太さは含みません
取得する単位はpxです

内側の高さの値を取得する

$("セレクタ").innerHeight()

指定したHTML要素の内側の高さの値を取得します

指定した要素をクリックしたときに、クリックした要素の内側の枠線を含まない高さを取得します

jquery

$(function() {
	$("#foo,#foo2,#foo3").click(function(){
	var hoge = $(this).innerHeight();
	$(this).text("innerHeightの値は"+ hoge);
	});
});

div#hoge p {
 cursor: pointer;
 background-color: #F90;
}

p#foo{
  height: 50px;
 }
p#foo2{
  height: 50px;
  border: 3px solid;
 }
p#foo3{
  height: 50px;
  border: 3px solid;
  padding-top: 5px;
 }

html

<div id="hoge">
<p id="foo">p要素</p>
<p id="foo2">p要素</p>
<p id="foo3">p要素</p>
</div>

サンプル