Question

I want to apply a class-name like “current” to an actionlink (in the master view) when it points to the current URL, in order to indicate an “on-state” in the UI. How might I do this?

UPDATE: I understand how to apply an attribute, I just need to know how to get the actionlink to know that it is pointing to the current page.

Answer 1

if it is only for visible use, I would use javascript with jQuery to quickly add a class for the ‘current’ link

$(document).ready(function() {
  $('a.mylinks').each(function(i) {
    if ($(this).attr('href') == document.URL) {
        $(this).addClass('current');
    }
  });
});


<ul>
 <li><a href="file:///C:/Users/sam/Desktop/test%20(2).html" class="mylinks">link to current page</a></li>
 <li><a href="file:///C:/Users/sam/Desktop/test%20(3).html" class="mylinks">link to other page</a></li>
 <li><a href="file:///C:/Users/sam/Desktop/test%20(4).html" class="mylinks">link to another page</a></li>
</ul>