jquery表继承包含td的高度

Question

我如何使用 jquery 将每个 .ms-cal-tweekitem 的高度设置为 .ms-cal-eworkday 的渲染高度。这是在共享点日历​​中，我不允许编辑 ASPX :(。

Sharepoint 使用 rowspan 来更改每个事件的高度，但包含的表格没有扩展以填充它 height:100% dosent 似乎有效。

<td class="ms-cal-eworkday" rowspan="8"> 
<table cellpadding="0" cellspacing="0" border="0" class="ms-cal-tweekitem" dir="" style="background-color: rgb(6, 92, 165);">
<tbody><tr>
    <td valign="top" href="/schools/ecclesfield/newdemosite/minibus-booking/Lists/Minibus/DispForm.aspx?ID=4" onclick="GoToLink(this);return false;" target="_self">
     <div>
      <img src="/_layouts/images/blank.gif" width="50" height="1" alt=""><br>
      <img src="/_layouts/images/recursml.gif" class="ms-cal-hidden" alt="" align="absmiddle">
      <a onfocus="OnLink(this)" class="ms-cal-dayitem" href="/schools/ecclesfield/newdemosite/minibus-booking/Lists/Minibus/DispForm.aspx?ID=4" onclick="GoToLink(this);return false;" target="_self" tabindex="5">
        <nobr>03:00 PM</nobr>
        <br>
        <b>test3</b>
        <br>
        YS12 NHT
        </a>
     </div>
     </td>
 </tr>
 </tbody></table>
</td>

谢谢

刘易斯

Answer 1

简单:

 var ms-cal-eworkdayHeight = $('.ms-cal-eworkday').height();
 $('.ms-cal-tweekitem').height(ms-cal-eworkdayHeight);

你也可以这样做:

 var ms-cal-eworkdayHeight = $('.ms-cal-eworkday').outerHeight();
 $('.ms-cal-tweekitem').height(ms-cal-eworkdayHeight);

outerHeight() 将返回高度加上任何填充或边距。