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>';

添加CSS类以动态链接

3 个答案: