Javascript 如何使用jquery（最好）显示和隐藏无序列表（ul）中的列表项（li）元素？

HTML文件中的无序列表：

    <ul class="navbar-nav ml-auto" id="authorization">
          <li class="nav-item" class="authorizationLink">
            <a class="nav-link" href="registration.html">Registration</a>
          </li>
          <li class="nav-item" class="authorizationLink">
            <a class="nav-link" href="login.html">Login</a>
          </li>
          <li class="nav-item dropdown" id="usernameDropdown" style="display: none">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="#">Profile</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Logout</a>
              </div>
          </li>
      </ul>
      <button id="someButton">button</button>

---

我尝试了更多的方法，其中一种方法有时有效，但大部分时间无效。有没有办法使用jquery实现这一点？可能是一些css技巧或其他什么？

您的逻辑很好，只是有一些语法错误

• 将

  class=“nav item”class=“authorizationLink”

  更改为

  class=“nav item authorizationLink”

  每个元素只能有一个

  类
  属性。
  

• jQuery代码末尾缺少一个

  ）

---

您的逻辑很好，只是有一些语法错误
• 将

  class=“nav item”class=“authorizationLink”

  更改为

  class=“nav item authorizationLink”

  每个元素只能有一个

  类
  属性。
  

• jQuery代码末尾缺少一个

  ）

---

HTML元素只能有一个

class

属性。如果有更多的类，则将它们组合在由空格分隔的同一字符串中。另外，jQuery

$（document.ready（）

按钮
$（文档）.ready（函数（）{
$（“#someButton”）。单击（函数（）{
$（“.authorizationLink”）.hide（）；
$（“#用户名下拉列表”）.show（）；
})
});

HTML元素只能有一个

class

属性。如果有更多的类，则将它们组合在由空格分隔的同一字符串中。另外，jQuery

$（document.ready（）

按钮
$（文档）.ready（函数（）{
$（“#someButton”）。单击（函数（）{
$（“.authorizationLink”）.hide（）；
$（“#用户名下拉列表”）.show（）；
})
});

在这里，只需更改class属性的设置方式。不要有两个类属性，而是将值组合到同一个字符串中

$（文档）.ready（函数（）{
$（“#someButton”）。单击（函数（）{
$（“.authorizationLink”）.hide（）；
$（“#用户名下拉列表”）.show（）；
});
});









按钮
在这里，只需更改设置class属性的方式。不要有两个类属性，而是将值组合到同一个字符串中


$（文档）.ready（函数（）{
$（“#someButton”）。单击（函数（）{
$（“.authorizationLink”）.hide（）；
$（“#用户名下拉列表”）.show（）；
});
});









button
someButton
我没有看到id为的元素？请提供一个代码段，这样我们就可以轻松地运行您的代码。我没有看到id为
someButton
的元素？请提供一个代码段，这样我们就可以轻松地运行您的代码。好的，我做了这些更改，并且在我第一次运行它时就起作用了，但在那之后，它只剩下两个链接。所以在我的项目中还有其他的问题。不管怎样，谢谢你清理这个。@nskrobonja95没问题。好吧，我做了这些更改，在我第一次运行它时它就工作了，但在那之后，它只剩下两个链接了。所以在我的项目中还有其他的问题。无论如何，谢谢你把这件事弄清楚。@nskrobonja95没问题。
    $( document ).ready(function() {
        $("#someButton").click(function() {
            $(".authorizationLink").hide();
            $("#usernameDropdown").show();
        })
    }