使用jquery根据主菜单的类名隐藏主菜单的<li>元素

在一个WordPress网站上,我在 header.php 要检查用户是否登录(不在WordPress管理中,而是单独的登录区域),如果不登录,我想隐藏一个特定的菜单项(使用 li 元素的类名和jquery):

<?php

if (isset($_COOKIE["username"])) {  

    // Do all relevant code for logged in users here

    }

else {
?>
<script type="text/javascript">

 $(document).ready(function() {        
    $('#menu-main-navigation-1 li.menu-item-123').hide();        


 });      

</script>
<?php
    // Do all relevant code for logged-out users here  

    }
?> 

这个 ul 元素的ID为 menu-main-navigation-1 以及 锂 需要隐藏的是 menu-item menu-item-type-custom menu-item-object-custom menu-item-123

我都试过了 $(document).ready(function() 如果没有,但没有任何区别,菜单项仍然会出现。