Question

I am new to JavaScript and jQuery so let me know if I’m way off base.
I am using the cookie plugin from here: https://github.com/carhartl/jquery-cookie.

I have a page with dynamic links. They send the user to the same page they are already on with some GET information in the URL. I want to be able to highlight the previous link clicked.

My idea was to store the element that is clicked in a cookie and then add a class to that element.

Setting the cookie

$("td.column1").on({
    click: function () {
      $.cookie('productCookie', this); //How do I store 'this' into the cookie?
    }
});

Getting the cookie

var productValue = $.cookie('productCookie');
$(productValue).addClass("select singleselected");

Code without cookies

I know from experience that this line of code worked before I added the links, which is also before the page was being redrawn.

$(this).addClass("select singleselected");

I’ve tried looking into how the this keyword works but I’m afraid I’m not sure what selector the addClass method is getting or how to get the current element.

Solution Used

function getParameters(geturl, columnNumber) {
    var url = geturl,
        urlRegExp = new RegExp(url.replace(/\/$/, ''));

    $(columnNumber).each(function () {
        if (urlRegExp.test(this.href)) {
            $(this).addClass("singleselected select");
        }
    });
}

Answer 1

Check this thread out: jQuery add class .active on menu

The basic idea is that you parse the current url and find the anchor tag that is active based on the url.