删除/隐藏菜单项

Question

我有以下无序列表作为菜单呈现。

使用jQuery，如何完全隐藏/删除第二个列表项，使其不在屏幕上呈现，因此不会呈现给用户，即名为“Menu2”的菜单？

这将基于我稍后想要添加的条件。

不确定如何定位并删除/隐藏Menu2。

<ul id="menuGrps"> 
  <li class="current"> <a class="sf-with-ul" href="javascript:parent.addItemURL()">Menu1</a> </li>       
  <li class="current"> <a class="sf-with-ul" href="javascript:parent.addItemURL()">Menu2</a> </li> 
  <li class="current"> <a class="sf-with-ul" href="javascript:parent.addItemURL()">Menu3</a> </li> 
</ul>

感谢。

Answer 1

jQuery('document').ready(function(){
    // You can add your condition here
    jQuery("#menuGrps li:eq(1)").hide();
});

Answer 2

要按说明进行过滤，您需要一个循环：

$(function() {
    $('#menuGrps li a').each(function() {
        if($(this).html() === 'Menu2') {
          $(this).hide();
        }

    });
});