为什么我得到jQuery对象的子属性值而不是父属性值？

Question

我想检查表单元格中是否有溢出，如果没有溢出，请删除一个禁用该单元格滚动的类。 我想通过比较clientHeight和scrollHeight属性来做到这一点。 如果我调用$（this），我会看到：

据我了解，我需要从数组的第一个元素获取属性吗？ 但是，当我调用$（this）[“ 0”]。clientHeight或$（this）.get（0）时，我收到的是子属性的值，而不是该子项所在的div的值。 我如何获得

<div class="scrollable verticalCenterAligned">

我想念什么？ 谢谢！

HTML：

            <td>
                <div class="scrollable verticalCenterAligned">
                    <div class="form-group">
                        @media.Selector
                    </div>
                </div>
            </td>
            <td>
                <div class="scrollable verticalCenterAligned">
                    @Html.DisplayFor(modelItem => media.MediaRSSURL)
                </div>
            </td>

JavaScript：

$('.scrollable').each(function() {
    console.log($(this));
    console.log($(this)["0"].clientHeight);
    console.log($(this)["0"].scrollHeight);
});

</script>

控制台的屏幕截图：

在屏幕上，您看到我正在获取child节点属性的值，而不是此孩子所居住的div的值。

Answer 1

我在另一篇文章中找到了答案

在将函数包装在$（window）.load（function（）{}）中之后； 它开始显示正确的值。

工作代码：

<script type="text/javascript">
$(window).load(function() {
    $('.scrollable').each(function () {
        if ($(this)[0].scrollHeight <= $(this)[0].clientHeight) {
            $(this).removeClass("scrollable");
        }
    });
});