Question

当有人打印我的网页时，我试图关闭特定标签，因为它是次要信息。

是否可以根据标题关闭标签？我自己无法在标签中添加id /类，我无法使用生成的id，因为我需要将隐藏规则应用于每个任意标签ID，这是不切实际的。

我无法使用第n个子规则，因为标签的数量和位置因页面而异。我能想到的唯一解决方案是隐藏基于标题的标签。

下面是页面中的html - 所以如果我想隐藏标题为“附加信息”的所有标签 - 有没有办法做到这一点？

<a href="#tab-1415272795947-4-9" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Additional Info</a>

非常感谢任何帮助。

由于

Answer 1

我认为每个标签都有相同的类ui-tabs-anchor。如果是这样，你可以这样做：

＆＃13;

// Get all tabelements
var tabs = document.getElementsByClassName('ui-tabs-anchor');

// Loop through each tabelement
for (var i = 0, j = tabs.length; i < j; i++) {
  // If the innerHTML equals 'Additional Info'
  if (tabs[i].innerHTML === 'Additional Info') {
    // Hide the element
    tabs[i].style.display = 'none';
  }
}

＆＃13;

<a href="#tab-1415272795947-4-9" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Other Info</a>
<a href="#tab-1415272795947-4-9" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Additional Info</a>
<a href="#tab-1415272795947-4-9" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">More Info</a>
<a href="#tab-1415272795947-4-9" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-4">Additional Info</a>
<a href="#tab-1415272795947-4-9" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-5">Different Info</a>
<a href="#tab-1415272795947-4-9" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-6">Additional Info</a>

＆＃13;

隐藏基于标题的标签

1 个答案: