在 php 中隐藏/显示 url 字符串中的 div

Question

一个完整的初学者问题。 我在页面（page2.php）上有大量的div（> 80），我想做的是打开page1.php，单击链接打开page2.php并仅显示其中一个div，具体取决于单击了哪个链接。

我通过向 div 添加 if else 来获得此功能的基本工作版本。到目前为止，我只在 5 个 div 上执行过此操作，并且它有效，但它似乎也是一种相当不雄辩的做事方式。

第 1 页：

 <a href="page2.php?id=r0101">this is a link</a>

第 2 页：

<?php 
$divID = $_GET['id'];
?>

<div id="r0101" <? if($divID == r0101): ?>class="show"<? else: ?>class="hidden"<? endif; ?> >

然后应用 css 类来隐藏或显示 div。 是否可以在页面顶部有一个函数或其他任何东西，从 url 中获取 id，找出也有一个具有该 id 的 div，显示它并隐藏所有其他内容？这可能是一件很容易做到的事情，但它让我难住了。

非常感谢任何帮助。 谢谢。

Answer 1

更不用说 div 和 css 了（当你依靠它来隐藏/显示 div 时）。
您不仅可以生成标记，还可以生成 css 样式表。使用类似的（将其放在
头部部分的末尾）。让浏览器为您完成工作；）

<style type="text/css">
    div {
        display: none;
    }

    div#<?php echo $_GET['id']; ?>:{
        display: block;
    }
</style>

Answer 2

$divs = array('r0101', 'r0102', 'r0103');
$divID = $_GET['id'];
foreach($divs as $div)
{
    echo '<div id="'.$div.'" class="';
    if ($div == $divID)
    {
      echo 'show';
    }
    else
    {
        echo 'hidden';
    }
    echo '">';
}

假设我已经正确阅读了问题，您有一组 div（r0101、r0102 等），并且希望根据您所在的页面仅显示其中一个。上面的代码创建了这些 div 的数组，循环并创建了 div。如果 div 与页面 url 中的 div 匹配，则该 div 的类为“show”，否则为“hidden”。

Answer 3

首先，您应该考虑一种使 div 动态打印的方法。类似的东西：

<?php
for($i = 1; $i <= 80; $i++):
?>
<div id="r<?php print $i; ?>">div contents</div>
<?php
endfor;
?>

此外，如果您找到了一种执行上述操作的方法，您还可以执行类似的操作：

<?php
for($i = 1; $i <= 80; $i++):
    if($i == $_GET['id']){
        $class = 'show';
    } else {
        $class = 'hidden';
    }
?>
<div id="r<?php print $i; ?>" class="<?php print $class; ?>">div contents</div>
<?php
endfor;
?>

或者

<?php
for($i = 1; $i <= 80; $i++):
    $class = ($i == $_GET['id']) ? 'show' : 'hidden';
?>
<div id="r<?php print $i; ?>" class="<?php print $class; ?>">div contents</div>
<?php
endfor;
?>

完全相同，但是（使用 三元运算符）节省了几行，（有些人认为）它降低了可读性。

Answer 4

如果你想让你的下载更快，你应该只输出你想要显示的div。你可以做这样的事情：

 $divs = array('r0101', 'r0102', 'r0103');
$divID = $_GET['id'];
foreach($divs as $div)
{
    if($div == $divID){ echo '<div> /* CONTENT HERE */ </div> };
}

希望这有帮助。