How to get the height of table in Jquery

Question

How can we get the height of the html table in jQuery. For example if we have the following code then how can we get the height of the table:-

<table>
<tr>
<td>

<div>Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here </div>

</td>

<td>

<div>Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here Some Text Here </div>

</td>
</tr>
</table>

Solution 1

What about $('table').height() or even $('table').outerHeight().

Solution 2

Maybe this?

var height = $('#abc').height();

Solution 3

With a table like this :

<table id="abc">
      ...
</table>

The jQuery needed in order to get the height of the above table is :

var height = $('#abc').height();

Comments

[John Preston]

How to store this in variable if the table has id="abc"

[neoascetic]

@JohnPreston Why you not learn jQuery selectors syntax first?