根據標題隱藏標籤

我試圖在有人打印我的網頁時關閉特定標籤，因爲它是輔助信息。根據標題隱藏標籤

是否可以根據標題關閉標籤？我無法自己添加一個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>

任何幫助將不勝感激。

感謝

來源

2016-05-22 Mr Toad

我想，每個標籤具有相同的類ui-tabs-anchor。如果是這樣，你可以做這樣的事情：

// 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'; 
 
    } 
 
}

<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>

來源

2016-05-22 11:42:57 Patrick2607

輝煌 - 這正是我一直在尋找。不推動我的運氣 - 但我是一個有能力的編碼員，但新的WordPress的和有限的JavaScript技能。任何關於如何入隊到functions.php的建議？我已經嘗試過，但網站會將其解開，所以我顯然做錯了。再次感謝！ –

沒問題:)如果我的答案解決了你的問題，你可以按下我的問題旁邊的複選標記/ upvote它。 – Patrick2607

我對Wordpress沒有太多經驗。但我知道這不是你放在functions.php中的東西。你可以將它放在footer.php或類似的東西。 – Patrick2607

根據標題隱藏標籤

回答

相關問題