jQuery se débarrasser d'un: vol stationnaire?

Question

Je commence juste avec jQuery, j'ai un peu de mal. J'ai un tableau de vignettes, et je veux que chaque cellule soit mise en surbrillance lorsque je survole l'image à l'intérieur. Cette partie fonctionne. Mais je veux aussi que l'image à l'intérieur de la cellule ne soit pas soulignée - ceci est hérité de la feuille de style a:hover{text-decoration:underline}. C'est là que je suis coincé, je ne pense pas que je mets la bonne chose.

-je utiliser les styles en ligne, donc mon jQuery ressemble:

$('[name*=thumb]').hover(
    function() { 
    //as we hover over an item, change it's background, attempt to vaquish pesky underline 
    $('#' + $(this).attr('id').replace('thumb', 'thumbcontainer')).css('background-color', '#cccccc'); 
    $('#' + this).css('text-decoration', 'none'); //doesn't work : (
    }, 
    function() { 
    //fix bgs of items we're not hovering on 
    $('#' + $(this).attr('id').replace('thumb', 'thumbcontainer')).css('background-color', '#ffffff'); 
    } 
); 

Mon HTML ressemble à ceci:

<td name="thumbcontainer8" id="thumbcontainer8"><a href="#" name="thumb8" id="thumb8"><img src="..." /></a></td> 
<td name="thumbcontainer9" id="thumbcontainer9"><a href="#" name="thumb9" id="thumb9"><img src="..." /></a></td> 

Answer 1

Qu'en est-:

$(this).css('text-decoration', 'none'); 

Answer 2

Ne serait pas cette règle dans votre feuille de style faire l'affaire?

a:hover img{text-decoration:none}