Question

Excuse my ignorance but I’ve been searching for this for a while and I can’t figure out how to change the href of the following:

<a id="p2749244"class="nohover"onfocus="this.blur()"name="index"rel="history"onmouseout="this.className='nohover';"onmouseover="this.className='hover';"href="address">

What kind of selectors do I need to use to do this? Thanks in advance.

Answer 1

onmouseover="this.href = 'urlHere';"

Or using jQuery, you can use the class selector.

$('.nohover').hover(function(){
    this.href = "urlHere";
});

Instead of having inline event handling use jQuery to manage it better, try this.

$('.nohover').hover(function(){
    $(this)
    .addClass('hover')
    .removeClass('nohover')
    .attr('href', 'urlHere');
}, function(){
    $(this)
    .addClass('nohover')
    .removeClass('hover');
}).focus(function(){
    $(this).blur();
});