Remove a:hover in javascript

Question

I have the following javascript code:

$('#s2 a').click(function(){
    var cB = $(this);
    var f = parseInt(cB.attr('data-f'));
    var r = parseInt(cB.attr('data-r'));
    var c = parseInt(cB.attr('data-c'));
    if (pA == false && !isClickAllowed(f,r,c)) {
        return false;
    }
    // more stuff comes here 
}

This makes a link not clickable. This all works. I also want to remove the hover effect. The CSS code for this is:

.pc a:hover {
    background-color: #FFF;

I thought removing the class would do it like: cB.removeClass('pc'); but this doesn't work.

Any suggestions on how to do this?

Thank you for your time

--EDIT--

Hmm I think I see why it aint working. At the top of the document I have this:

$(document).ready(function() {
    setScale();
    $(window).resize(setScale);
    if (!('ontouchstart' in document)) {
        $('body').addClass('pc');
    } 
        more code here

This sets the .pc a:hover for all links when opened the page on a pc rather then a touch device (e.g. iPad). I need to disable this pc hover ONLY on the links are not clickable like in:

if (pA == false && !isClickAllowed(f,r,c)) {
        return false;
    }

Hope this helps!

Answer 1

cB is the anchor which isn't being references by the CSS class you indicate, the parent would have the class pc for this to work. cB.parent().removeClass('pc'); would do it.

-- EDIT --

Following the erudite comments below it would seem that cb.parents('.pc').removeClass('pc') or cb.parents().removeClass('pc') (I've not benchmarked to see which is quicker) would be the comprehensive solution.

Good catch to James, Anthony, and Tadeck!

-- EDIT 2 --

Following the question update, I'd suggest adding another class to your links, i.e. clickable, then your CSS becomes:

.pc a.clickable:hover {
    background-color: #FFF;

and you can just remove the clickable class on those links that you don't want to show the highlight. The better course of action may be to simply replace the links that are disabled with either raw text or as spans with an identifying class, i.e. disabled_link if you want to have the option to enable them later.