从menuitem隐藏/删除菜单

Question

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

我能做的就是找到我的列表菜单。

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);
}

我想做的是if menu is Donations, hide it

我尝试使用this.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

Answer 1

而不是this，它应该像lis[i].style.display = 'none'

此外，你需要比较你得到的文字..我没有看到隐藏特定文本的任何比较条件。