如何從HTML中濾除列表元素以將其從表格中消失？

我想要清單title="Datenschutz"並隱藏它。我怎麼能這樣做？如何從HTML中濾除列表元素以將其從表格中消失？

HTML：

<div id="Footer"> 
    <ul> 
    <li><a href="#" title="AGB">AGB</a></li> 
    <li><a href="#" title="Impressum">Impressum</a></li> 
    <li><a href="#" title="Datenschutz">Datenschutz</a></li> 
    <li><a href="#" title="Copyrightbestimmungen">Copyrightbestimmungen</a></li> 
    </ul> 
</div>

來源

2014-01-21 sepp

讓我們看看你已經嘗試了什麼。你希望使用或特別避免使用哪些工具？ – Palpatim

你想做這個服務器端（即PHP）或客戶端（JavaScript）？ –

你喜歡什麼方法？你可以使用css來隱藏它：a [title = Datenschutz] {display：none}。它只會隱藏錨，而不是整個清單項目... – LorDex

此方法使用document.querySelector具有decent modern browser support

function removeListElementWithTitle(title) { 

    // Find anchor elements with specified title attribute 
    var foundAnchor = document.querySelector('a[title=' + title +']'); 
    if (foundAnchor) { 

     // Get the anchors parent and remove it from the DOM 
     var li = foundAnchor.parentNode; 
     li.parentNode.removeChild(li); 
    } 
} 

removeListElementWithTitle('Datenschutz');

如果你不想刪除的元素與這個隱藏更換removeChild之。

li.style.display = 'none';

http://jsfiddle.net/r3WQr/

來源

2014-01-21 16:41:55

非常感謝，它的作品真棒！ – sepp

如果它適合您，請將此答案標記爲已接受。謝謝。 –

var t = document.querySelectorAll('a[title=Datenschutz]'); 
t[0].parentNode.style.display = "none";

來源

2014-01-21 16:44:14 LorDex

太好了。感謝您的最低版本。 – sepp

我建議使用@Jason Harwig版本 - 它更通用，可重用 – LorDex

如何從HTML中濾除列表元素以將其從表格中消失？

回答

相關問題