Question

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

我的代码：

$( 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();
});

Answer 2

您也可以使用属性选择器而不是转义.个字符。

$('span[id="Ribbon.Tabs.InfoPathListTab.Views.ddViews-Medium"]').hide();

Example Here

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

2 个答案: