javascript - 如何从 html 中过滤掉列表元素以将其从表中消失？

Question

我想用 title="Datenschutz" 捕获列表并隐藏它。我怎么能这样做？

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>

Answer 1

此方法使用 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/