javascript - 通过 php/javascript 更改 href 的类

Question

我有一个包含 5 个不同 href 的菜单。

每个 href 都引用相同的页面，但使用不同的 ID:

<a href="Planning.php?id=1" id="MenuButton1" class="MenuButton">Line 1</a>
<a href="Planning.php?id=2" id="MenuButton2" class="MenuButton">Line 2</a>
<a href="Planning.php?id=3" id="MenuButton3" class="MenuButton">Line 3</a>
<a href="Planning.php?id=4" id="MenuButton4" class="MenuButton">Line 4</a>
<a href="Planning.php?id=5" id="MenuButton5" class="MenuButton">Line 5</a>

现在，当我获得某个 ID 时，我希望代码中的某些内容可以更改 href 的类(用于 CSS 目的)。类似于选定的 href。

是否可以通过 php 或 javascript 更改我的类？

例如:

if($_GET['id'] == 1)
{
     MenuButton1.class= "SelectedLink";
}

Answer 1

您可以执行以下操作，而不是仅仅分配一个类:

<a href="Planning.php?id=1" id="MenuButton1" class="MenuButton<?= (isset($_GET['id']) && $_GET['id'] == 1) ? ' SelectedLink' : ''; ?>">Menu Item 1</a>

这样，只有当 $_GET['id'] 为 `.

时，才会分配 SelectedLink 类。

编辑

您还可以使用 PHP 构建完整的菜单，如下所示:

// Create an array containing your menu items
$menuItems = array(
    '1' => 'Line 1',
    '2' => 'Line 1',
    '3' => 'Line 1',
    '4' => 'Line 1',
    '5' => 'Line 1',
);
<!-- Loop through the array and write your menu items -->
<?php foreach ($menuItems as $item => $name): ?>
    <a href="Planning.php?id=<?= $item; ?>" id="MenuButton<?= $item; ?>" class="MenuButton<?= (isset($_GET['id']) && $_GET['id'] == $item) ? ' SelectedButton' : ''; ?>">Menu Item <?= $name; ?></a>
<?php endforeach; ?>

上面的 foreach 将写入您的菜单项。如前所述，在类里面我使用了简写 if 语句。这将检查当前循环菜单项是否与您的 $_GET 参数匹配。如果是这样，它将额外编写一个类。