Javascript 从菜单项隐藏/删除菜单

我有Joomla菜单如下

<li class="level1 parent">
<a href="/www.dd.com/index.php/donations" class="level1 parent">
<span>Donations</span>
</a>
</li>

<li class="level1 parent">
<a href="/www.dd.com/index.php/fund" class="level1 parent">
<span>Fund</span>
</a>
</li>

我想做的是

如果菜单是捐赠，则将其隐藏

我尝试了

这个.style.display='none'，但它不工作

var texts = [], lis = document.getElementsByTagName("span");
var im=lis.length;
var textFound;
for(var i=0; im>i; i++) {
textFound = lis[i].firstChild.nodeValue
  texts.push(lis[i].firstChild.nodeValue);
  this.style.display='none';
}

你知道怎么做吗

注意，我希望这只在JAVASCRIPT中完成。没有JQUERY而不是
这个
，它应该像
lis[i].style.display='none'

此外，您还需要比较得到的文本。。我看不到隐藏特定文本的任何比较条件

var texts = [], lis = document.getElementsByTagName("span");
var im=lis.length;
var textFound;
for(var i=0; im>i; i++) {
textFound = lis[i].firstChild.nodeValue
  texts.push(lis[i].firstChild.nodeValue);
  this.style.display='none';
}