Javascript/jquery 错误 aDiv.children 不是函数

Question

这是相关的javascript

var DIV_ID = "agencyHoursTable";
function getAgencyHoursTable()
{
    var aDiv = document.getElementById(DIV_ID);
    return aDiv.children(0);
}

这是相关的jsp代码

<table width=240 border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <div id="agencyHoursTable">
                <table class="tblGrid" width=240 border="0" cellpadding="0" cellspacing="0">
                    <tr id="header" class="subHeadingLeftNew">
                        <td class="subHeadingYellow" align=center><img src="../images/trash.gif"></td>
                        <td class="subHeadingYellow"><b>Day</b></td>
                        <td class="subHeadingYellow"><b>Time</b></td>
                    </tr>
                </table>
            </div>
            <div id="RemoveSelectedLink" style="display:none">
                <a href='javascript:removeAgencyHours();' class="smallLink">Remove Selected</a>
            </div>
        </td>
    </tr>
</table>

出现的错误消息是 Uncaught TypeError: aDiv.children 不是函数。我认为 jquery 版本可能有问题，我使用的是 jquery 1.7.1。有趣的是，对我来说这个问题只出现在 chrome 中，而不是 ie 中。其他一些使用 ie 的人看到了这个问题，另一些则没有。

Answer 1

你根本没有使用 jQuery。

var DIV_ID = "agencyHoursTable";
function getAgencyHoursTable()
{
    var aDiv = document.getElementById(DIV_ID);
    return aDiv.children[0];
}

您可以通过 css 选择器访问该元素:

jQuery("#agencyHoursTable > table");