Question

当我尝试在jquery中获取div class =“txtTruncate02”的高度时，它为所有行返回相同的值，即使内容在第二行中更多!!!

任何想要获得每个细胞上div的高度的想法？

                    <tr>
                        <td>
                            <div class="txtTruncate02">Lorem Ipsum Dolor Site Amet Lorem Ipsum Dolor Site Amet Lorem Ipsum Dolor  </div>
                        </td>
                        <td>
                            <div>12 Jun 2014</div>
                            <div>12:35:23</div>
                        </td>
                        <td>
                            <a>Robyn McCormick</a>
                        </td>
                        <td>Build</td>
                        <td class="lastCell">
                            <div class="switchContainerFalse switchContainer"></div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="txtTruncate02">Lorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site AmetLorem Ipsum Dolor Site Amet.&nbsp;</div>
                        </td>
                        <td>
                            <div>12 Jun 2014</div>
                            <div>12:35:23</div>
                        </td>
                        <td>
                            <a>Robyn McCormick</a>
                        </td>
                        <td>Peer Review</td>
                        <td class="lastCell">
                            <div class="switchContainerFalse switchContainer"></div>
                        </td>
                    </tr>

Answer 1

您应该使用scrollHeight来获取内容高度

$('.txtTruncate02').each(function(){
  console.log(this.scrollHeight);
});

<强> Working Demo

Answer 2

如果您尝试使用.css("height")检索它，那么您将获得相同的值。使用：

var heights = [];
$(".txtTruncate02").each(function () {
    heights.push($(this).height());
});

Answer 3

.each方法用于遍历选定的dom元素

 $(".txtTruncate02").each(function(){
   alert($(this).height());
});

OR

$("table tr").each(function(){ alert($(this).height()); })

jquery获取表格单元格内的高度

3 个答案:

DEMO