用jquery隐藏下拉列表不起作用

Question

在Sharepoint站点中,我需要隐藏功能区上显示的下拉列表,以下代码不会抛出任何错误,但下拉列表未隐藏,我也尝试过.hide

截图:http: //screencast.com/t/c8JXLH03

我的代码:

$( document ).ready(function() {
    $("span#Ribbon.Tabs.InfoPathListTab.Views.ddViews-Medium").css('display', 'none');
});

该元素生成的html.

<span class="ms-cui-dd" id="Ribbon.Tabs.InfoPathListTab.Views.ddViews-Medium" unselectable="on" mscui:controltype="DropDown"><span class="ms-cui-dd-text" style="width: 100px" unselectable="on"><a>Nuevo</a></span><a class="ms-cui-dd-arrow-button" id="Ribbon.Tabs.InfoPathListTab.Views.ddViews" unselectable="on" href="javascript:;" onclick="return false;" aria-haspopup="true" aria-describedby="Ribbon.Tabs.InfoPathListTab.Views.ddViews_ToolTip"><span class=" ms-cui-img-5by3 ms-cui-img-cont-float ms-cui-imageDisabled" unselectable="on"><img class="" style="top: -35px;left: -27px;" unselectable="on" src="/_layouts/15/3082/images/formatmap16x16.png?rev=23"></span><label class="ms-cui-hidden" unselectable="on">Vistas</label></a></span>

Answer 1

需要转义的.字符,id以便它们不被解释为class选择器:

$(document).ready(function() {
    $("#Ribbon\\.Tabs\\.InfoPathListTab\\.Views\\.ddViews-Medium").hide();
});