如何删除同一 Web 部件列表的所有匹配项上的标头

Question

我有一个 SharePoint 页面，其中显示 15 个不同的列表，并且有一个名为 Links 的列表，我想从三个匹配项中的前两个中删除标题。 我拥有的代码仅删除传入的列表的第一个出现。

在页面上，我有以下内容。 下面的代码仅删除"链接和联系人"第一次出现的标头。

<script type="text/javascript" data-lists="Links, Contacts, Links" src="../SiteAssets/js-enterprise/HideHeaders.js"></script>

我的脚本如下：

$(document).ready(function() {  
// Get a list of views to turn off the headers
var this_js_script = $('script[src*=HideHeaders]');
var lists = this_js_script.attr('data-lists'); 
var str_array = lists.split(',');
for(var i = 0; i < str_array.length; i++) {
// Trim the excess whitespace.
str_array[i] = str_array[i].replace(/^s*/, "").replace(/s*$/, "");
// Add additional code here, such as:
//alert(str_array[i]);
$("table[summary='"+str_array[i]+"'] tr:eq(0)").hide();
}
});

Answer 1

修改 JavaScript 代码，如下所示。

$(document).ready(function() {  
// Get a list of views to turn off the headers
var this_js_script = $('script[src*=HideHeaders]');
var lists = this_js_script.attr('data-lists'); 
var str_array = lists.split(',');
for(var i = 0; i < str_array.length; i++) {
// Trim the excess whitespace.
str_array[i] = str_array[i].replace(/^s*/, "").replace(/s*$/, "");
// Add additional code here, such as:
//alert(str_array[i]);
$("table[summary='"+str_array[i]+"']>thead").each(function(){
$(this).hide();
});
}
});