php - 添加 CSS 类以动态链接

Question

任何人都可以告诉我单击它时如何向此链接添加一个 CSS 类？

这是我的链接：

echo '<li><a href="?tutor=link&subject='.urlencode($subject).'">Tutor</a></li>
      <li><a href="?institute=link&subject='.urlencode($subject).'">Institute</a></li>';

我的问题是如何确定用户点击了哪个链接？

Answer 1

您可以使用 javascript 或 jquery 来实现这一点

$(this).css('newclassname')

这就是jquery的例子

更新 后，您可以将其绑定到函数以获取单击元素的保留
$('a').click(function() { $(this).css('current');
alert($(this).html()); // this will pop up tutor if its clicked });

Answer 2

使用纯 JavaScript 解决方案，您可以：

<a id="tutor" href="?tutor=link&subject='.urlencode($subject).'" onclick="changeClass(this)">Tutor</a>


function changeClass(link) {
    if (link.id == "tutor") {
       link.className = "current";
    } 
}

编辑：

link您可以识别传递给changeClass函数的变量单击了哪个链接。链接变量将包含一个id属性，它将告诉您标签的a标识符。

Answer 3

如果它是正在查看的当前链接，我假设您想向链接添加一个类。

由于每个链接都有不同的 GET 参数，您可以使用它来识别它。

echo '<li><a '. (isset($_GET['tutor']) ? 'class="current"' : '') .' href="?tutor=link&subject='.urlencode($subject).'">Tutor</a></li>
      <li><a '. (isset($_GET['institute']) ? 'class="current"' : '') .' href="?institute=link&subject='.urlencode($subject).'">Institute</a></li>';