jquery - Accessing 2nd nested div's table element's height property -

i have posted complete body of web page. need access elements in second div of parent div id productgrid2. second div height 219.3999 in code below. need height of table of second div. table class k-selectable. problem elements dynamically generated , need access them via jquery. looked around nothing matched unique situation. can this?

<div id="productgrid2" style="border: 1px solid rgb(54, 57, 64); box-shadow: rgb(136, 136, 136) 7px 7px 5px; margin-bottom: 15px; height: 250px;" data-role="grid" class="k-grid k-widget">         <div class="k-grid-header" style="padding-right: 14px;">             <div class="k-grid-header-wrap" data-role="resizable">                 <table role="grid">                     <colgroup>                         <col style="width:170px">                         <col style="width:135px">                         <col style="width:120px">                         <col style="width:75px">                         <col style="width:55px">                         <col style="width:60px">                         <col style="width:190px">                     </colgroup>                     <thead role="rowgroup">                         <tr role="row">                             <th role="columnheader" data-field="rfi_name" data-title="rfi/click2connect" class="k-header" data-role="columnsorter"><a class="k-link" href="#">rfi/click2connect</a></th>                             <th role="columnheader" data-field="selectedoptions" data-title="fulfillment" class="k-header k-with-icon k-filterable" data-role="columnsorter"><a class="k-grid-filter" href="#" tabindex="-1"><span class="k-icon k-filter" data-original-title="" title=""></span></a><a class="k-link" href="#">fulfillment</a></th>                             <th role="columnheader" data-field="interactiveid" data-title="interactive id" class="k-header" data-role="columnsorter"><a class="k-link" href="#">interactive id</a></th>                             <th role="columnheader" data-field="isci" data-title="isci" class="k-header" data-role="columnsorter"><a class="k-link" href="#">isci</a></th>                             <th role="columnheader" data-field="isaddressable" data-title="addressable" class="k-header" data-role="columnsorter"><a class="k-link" href="#">addressable</a></th>                             <th role="columnheader" data-field="status" data-title="status" class="k-header" data-role="columnsorter"><a class="k-link" href="#">status</a></th>                             <th class="k-header">view, duplicate or delete</th>                         </tr>                     </thead>                 </table>             </div>         </div>         <div class="k-grid-content" style="height: 219.399999976158px;">             <table role="grid" data-role="selectable" class="k-selectable" style="height: auto;">                 <colgroup>                     <col style="width:170px">                     <col style="width:135px">                     <col style="width:120px">                     <col style="width:75px">                     <col style="width:55px">                     <col style="width:60px">                     <col style="width:190px">                 </colgroup>                 <tbody role="rowgroup">                     <tr data-uid="c2f68916-0f9e-4a54-a5a2-c95f2de2afe7" role="row">                         <td role="gridcell">hunhhh?</td>                         <td role="gridcell">mail</td>                         <td role="gridcell">000000et00025868</td>                         <td role="gridcell">654654</td>                         <td role="gridcell">yes</td>                         <td role="gridcell">draft</td>                         <td role="gridcell"><a class="k-button k-button-icontext k-grid-edit" href="#"><span class=" k-icon k-i-search ob-icon-only"></span></a><a class="k-button k-button-icontext k-grid-duplicate" href="#"><span class=" k-icon k-i-restore ob-icon-only"></span></a><a class="k-button k-button-icontext k-grid-delete" href="#"><span class=" k-icon k-i-close ob-icon-only"></span></a></td>                     </tr>                     <tr class="k-alt" data-uid="5749733a-f164-4557-b6b1-d45c7bb74d60" role="row">                         <td role="gridcell">test rfi 1</td>                         <td role="gridcell">mail</td>                         <td role="gridcell">000000et00025867</td>                         <td role="gridcell">232654</td>                         <td role="gridcell">no</td>                         <td role="gridcell">draft</td>                         <td role="gridcell">                             <a class="k-button k-button-icontext k-grid-edit" href="#">                                 <span class=" k-icon k-i-search ob-icon-only"></span>                             </a>                             <a class="k-button k-button-icontext k-grid-duplicate" href="#">                                 <span class=" k-icon k-i-restore ob-icon-only"></span>                             </a>                             <a class="k-button k-button-icontext k-grid-delete" href="#">                                 <span class=" k-icon k-i-close ob-icon-only"></span>                             </a>                         </td>                     </tr>                 </tbody>             </table>         </div>     </div> 

although cannot define/retrieve fractions of pixels, think want use nth-child selector:

$("#productgrid2 div:nth-child(2)").height() 

jsfiddle