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