jQuery隐藏一个元素,但它不起作用

时间:2017-04-06 13:51:43

标签: jquery html sharepoint

我在SharePoint(aspx)中有一个页面。我试图使用jQuery隐藏td控件。我已经从开发人员工具和jquery附加了渲染的html。 jsFiddle在这里https://jsfiddle.net/savo0mme/1/

html代码

<table class="ms-WPBody" style="padding-top: 0px; width: 100%;">
                    <tbody><tr>
                        <td valign="top" style="padding-left:4px;padding-right:4px;"></td><td id="ctl00_m_g_1c59424a_162b_4285_8f9a_33109bdfc04f_DefaultValueMessage" width="100%" style="padding-left:4px;padding-right:4px;">The default value specified is not valid.</td>
                    </tr>
                </tbody>
 </table>

jquery代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script>

<script type="text/javascript">
    $(function() {

        var filterErrorText = "ctl00_m_g_1c59424a_162b_4285_8f9a_33109bdfc04f_DefaultValueMessage";
        var filterErrorTextID = document.getElementById(ctl00_m_g_1c59424a_162b_4285_8f9a_33109bdfc04f_DefaultValueMessage).innerText;
        alert(document.getElementById("ctl00_m_g_1c59424a_162b_4285_8f9a_33109bdfc04f_DefaultValueMessage").innerText);
        alert(filterErrorTextID);
    /*  if(filterErrorTextID)
        {
            alert(filterErrorTextID);
            //filterErrorTextID.style.display="none";
        } */
    }); 
</script>

1 个答案:

答案 0 :(得分:1)

您的脚本不使用jquery。 你应该使用像

这样的jQuery hide()函数
$('#ctl00_m_g_1c59424a_162b_4285_8f9a_33109bdfc04f_DefaultValueMessage').hide();