添加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";
    } 
}

编辑：

您可以识别传递给changeClass函数的link变量单击了哪个链接。 链接变量将包括一个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>';