「jQuery」height()でdiv要素の高さを取得する方法

2020年10月21日

構文
$(divのclass名).height()
htmlコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div class="tCa">
<table class="laytbl"
<tbody>
<tr>
<td>1111AAAAAAA</td><td>BBBBBBBBBB222</td><td>3CCCC3</td>
</tr>
</tbody>
</table>
</div>
<div class="tCa"> <table class="laytbl" <tbody> <tr> <td>1111AAAAAAA</td><td>BBBBBBBBBB222</td><td>3CCCC3</td> </tr> </tbody> </table> </div>
<div class="tCa">
  <table class="laytbl"
        <tbody>
            <tr>
            <td>1111AAAAAAA</td><td>BBBBBBBBBB222</td><td>3CCCC3</td>
            </tr>
            </tbody>
   </table>
</div>

jQueryコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
$(function() {
var tt = $('.tCa').height();
// コンソールログに表示
console.log(tt);
});
$(function() { var tt = $('.tCa').height(); // コンソールログに表示 console.log(tt); });
$(function() {
  var tt = $('.tCa').height();

  // コンソールログに表示
  console.log(tt);
 
});

 

jQuery

Posted by arkgame