刪除/隱藏菜單項

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

    }); 
});