javascript - 从菜单项中隐藏/删除菜单

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 中完成。没有查询

Answer 1

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

您还需要比较您获得的文本。我没有看到任何比较条件来隐藏特定文本。