スポンサード リンク
jquery innerHeight()メソッド
innerHeightメソッドは、指定した要素の内部の高さを取得するメソッドです
paddingは含みますが、borderの太さは含みません
取得する単位はpxです
内側の高さの値を取得する
$("セレクタ").innerHeight()
指定したHTML要素の内側の高さの値を取得します
指定した要素をクリックしたときに、クリックした要素の内側の枠線を含まない高さを取得します
jquery
$(function() { $("#foo,#foo2,#foo3").click(function(){ var hoge = $(this).innerHeight(); $(this).text("innerHeightの値は"+ hoge); }); });css
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>
サンプル
p要素
height: 50px;p要素
height: 50px;p要素