javascript - 根据php条件隐藏html中的列表元素

Question

我有一个导航栏。 4 个链接。有一个 php 变量 x;它的值可以是 1,2 或 3。如果 x 等于 1；显示所有链接。如果x等于2；仅显示链接4。如果x等于3；所有链接均被隐藏。

<ul>
<li><a href="link1.php"> link1</a></li>
<li><a href="link2.php"> link2</a></li>
<li><a href="link3.php">link3</a></li>   
<li><a href="link4.php">link4</a></li>
</ul>

有一个简单的方法可以使用 if else 来完成此操作。

if($x==1)
{
<li><a href="link1.php"> link1</a></li>
<li><a href="link2.php"> link2</a></li>
<li><a href="link3.php">link3</a></li>   
<li><a href="link4.php">link4</a></li>
} 
if($x==2)
{
<li><a href="link4.php">link4</a></li>
}
if($x==3) {  }

嗯..这很简单。我喜欢事情有点复杂。有什么方法可以使用 Jquery 或 Javascript 等实现相同的功能吗？

Answer 1

我认为这个问题很糟糕。让事情复杂化从来都不是好事。当然，您可以使用 AJAX 请求、不可见的 iframe 加载数据或其他方式使代码复杂化。然而，这是一个坏主意。您应该得出结论，您已经成功解决了问题，如果您打算寻找新的挑战，请开始尝试更复杂的任务，但如果您问自己和这个社区，您会本能地简化事情(这将被证明非常有用)不好的问题。您应该为您的页面规划更多功能，您会立即发现更困难的挑战，而不会走入错误的 self 构建方式。