Question

我很难用javascript / jQuery隐藏一个html表。我尝试了以下两种方法：

document.getElementById('tblQuickTools').style.display = 'none';
$('#tblQuickTools').hide();

我已逐步完成代码以确保线条被击中。该表的HTML如下所示。

<table cellpadding="0" cellspacing="0" width="38%" id="tblQuickTools">
    <tr>
        <td class="outerTableTopLeftSmall">
        </td>
        <td colspan="4" class="outerTableTopRepeatSmall">
        </td>
        <td class="outerTableTopRightSmall">
        </td>
        <td class="outerTableTopLeftSmall">
        </td>
        <td colspan="2" class="outerTableTopRepeatSmall">
        </td>
        <td class="outerTableTopRightSmall">
        </td>
    </tr>
    <tr>
        <td class="outerTableLeftRepeatSmall">
        </td>
        <td colspan="4">
            <img src="identity.gif" border="0" />
            <strong><big>Quick Tools</big> </strong>
        </td>
        <td class="outerTableRightRepeatSmall">
        </td>
    </tr>
    <tr>
        <td class="outerTableLeftRepeatSmall">
        </td>
        <td colspan="4">
            <strong>
                <hr />
            </strong>
        </td>
        <td class="outerTableRightRepeatSmall">
        </td>
    </tr>
    <tr>
        <td class="outerTableLeftRepeatSmall">
        </td>
        <td>
            <a id="btnDownloadAll" onclick="LaunchSignOffMultiDownloader(this);this.blur();return false;"
                href="javascript:void(0);" class="btnMed"><span>Download All</span> </a>
        </td>
        <td>
            &nbsp;
        </td>
        <td>
            <a id="btnReplaceAll" onclick="LaunchSignOffMultiUploader(this, true);this.blur();return false;"
                href="javascript:void(0);" class="btnMed"><span>Replace All</span> </a>
        </td>
        <td>
            <a id="btnRetainAll" onclick="RetainAllSignOffDocuments();this.blur();return false;"
                href="javascript:void(0);" class="btnMed"><span>Retain All</span> </a>
        </td>
        <td class="outerTableRightRepeatSmall">
        </td>
    </tr>
    <tr>
        <td class="outerTableBotLeftSmall">
        </td>
        <td colspan="4" class="outerTableBotRepeatSmall">
        </td>
        <td class="outerTableBotRightSmall">
        </td>
    </tr>
</table>

我检查了并且加载了tblQuickTools。所以这不是一个加载问题。我可以尝试使用$（document）.ready（）但是我很担心它。 tblQuickTools位于一个选项卡内，该选项卡位于一个位于母版页中的aspx页面内。单击时，选项卡通过AJAX加载。隐藏代码在tabLoaded（）函数中运行。如果我使用$（document）.ready（），我不确定它会准备好哪个文档，选项卡，页面或母版页。

Answer 1

如果您在页面显示后尝试隐藏此表，则可能还没有。如果是这种情况，请尝试以下操作：

$(document).ready(function(){
    $('#tblQuickTools').hide();
});

在完全呈现页面后，它将启动$('#tblQuickTools').hide();。

Answer 2

您可以使用JavaScript隐藏它（在文档加载之后，如指出的那样），但是你最好隐藏它的样式：

<head>
<style>

  #tblQuickTools { display:none }

</style>
</head>

这将消除JS版本可能出现的任何闪烁。

无法隐藏HTML表格

2 个答案: