Bootstrap Nav bar，使用jQuery动态删除列表项

Question

我正在尝试使用jQuery通过使用以下jQuery代码删除Bootstrap Nav Bar的列表项。代码运行但列表项没有删除。请帮忙！ - 以下是html代码和Javascript代码：

<div class="navbar-collapse collapse" id="navbar">
            <ul class="nav navbar-nav">
                <li id="home" class="active">
                    <a aria-expanded="false" role="button" href="Home.html"> Home</a>
                </li>
                <li id="add" class="inactive">
                    <a aria-expanded="false" role="button" href="Add.html">Add</a>
                </li>
                   <li id="search" class="inactive">
                   <a aria-expanded="false" role="button" href="Search.html">Search</a>
                </li>
                <li id="admin" class="inactive">
                    <a aria-expanded="false" role="button" href="Admin.html">Admin</a>
                </li>
                   <li id="my" class="inactive">
                    <a aria-expanded="false" role="button" href="my.html">My Profile</a>
                </li>

            </ul>
</div>
<script>
$(document).ready(function() {
  if (sessionStorage.getItem("role_admin") != "1") {
      $("#add").remove();
      $("#admin").remove();
  }
});
</script>

Answer 1

首先请查看第二个<script>代码，但不是关闭它。