获取td的实际高度

时间:2015-11-13 13:15:05

标签: jquery html

我想要td的实际高度  我有桌子

<table>
        <tbody>
           <tr>
            <td class="equationStart" style="padding: 8px 0">
                12121212121                            
             </td>
           </tr>
            <tr>
              <td class="equationStart" style="padding: 8px 0">
                323232
                323232
               </td>
             </tr>
       </tbody>
    </table>

和jquery代码

$(".equationStart").each(function (index, domElement) {
            console.log($(domElement).css("height"));
}

我在console.log() - 0px

4 个答案:

答案 0 :(得分:2)

以下是正确的代码:

SELECT DISTINCT start_month   , end_month 
FROM tbl_app_ranges;

你所做的是你要求jQuery获得$(".equationStart").each(function (index, domElement) { console.log($(domElement).height()); } 的CSS高度,我相信你没有指定,这就是它返回0的原因。

答案 1 :(得分:0)

你试过.outerHeight()?

$(".equationStart").each(function (index, domElement) {
       console.log($(domElement).outerHeight());
}

.outerHeight()计算高度,包括填充,边框和可选的边距。

答案 2 :(得分:0)

你建议的答案已经是正确的。只需要正确关闭括号

参见JS Fiddle

https://jsfiddle.net/8vmhdhfk/

$(".equationStart").each(function (index, domElement) {
        debugger;
        alert($(domElement).css("height"));
}
);

答案 3 :(得分:0)

我认为你需要的代码......你只需要使用.outerHeight(true)

$(".equationStart").each(function () {
    alert($(this).outerHeight(true));
});

DEMO