Vérifier si la Table tr a de la classe, puis les retirer et ajouter une nouvelle classe sur le vol Stationnaire de l'événement

J'essaie de mettre en évidence les lignes de la table sur la souris passe dessus. Le chaque ligne (tr) a une classe de "pair" ou "impair" déjà. Ainsi, pour mettre en surbrillance la ligne sur la souris passe dessus, j'ai besoin de supprimer la classe CSS "pair" ou"impair" à partir de la ligne en premier. Veuillez prendre beaucoup à mon script:

$('tr').hover(function() {

  if ($('this').hasClass('even')) {
    $(this).removeClass('even');
    $(this).addClass('rowhover');
  }

  else {
    $(this).removeClass('odd');
    $(this).addClass('rowhover');
  }
},
function() {
  $(this).removeClass('rowhover');
});

Mais ça ne fonctionne pas. Pouvez-vous m'indiquer l'erreur? Merci.

Mise à jour 1:

J'ai utilisé ce toggleClass liket ce

$("tr").hover(function() {
$(this).toggleClass("rowhover");
});

Ensuite, j'ai utilisé firebug pour inspecter l'élément, le tr a obtenu la classe comme ceci:

<tr class="even rowhover"> where it should be <tr class="rowhover">

Même résultat si j'utilise qqch comme ceci:

$('tr').hover(function() {

    $(this).addClass('rowhover');
    },
 function() {
    $(this).removeClass('rowhover');        
});

Mon CSS pour rowhover classe

.rowhover {background:green !important;} 

Mise à jour 2:

J'ai essayé la suggestion de la part de Justin Johnson :

$('tr').hover(function() {
    $(this).removeClass('even odd').addClass('rowhover');
        },
    function() {
     $(this).removeClass('rowhover').addClass(this.rowIndex % 2 == 0 ? "even" : "odd");
  });

J'ai inspecté l'élément avec FireBug, voici le résultat:

//Notice the space in the class=" rowhover" when mouse hover
     <tr class=" rowhover">

 //Notice the space in the class=" even", class=" odd" when mouse out
 <tr class=" even"> or <tr class=" odd">

Mise à jour 3 : Il est travail!

J'ai suivi un post à jQuery - des Démonstrations et des Exemples de Tablesorter Plug-in mais j'ai besoin d'ajouter !important pour remplacer la précédente style comme ceci :

tr.overRow td { background-color:#FFFF99 !important; border :2px; }

J'ai ajouté que la règle vers le bas de la feuille de style de tablesorter, puis utilisé le script suivant pour le manipuler:

//Adds "over" class to rows on mouseover
$(".tablesorter tr").mouseover(function() { $(this).addClass("overRow"); });
//Removes "over" class from rows on mouseout
$(".tablesorter tr").mouseout(function() { $(this).removeClass("overRow"); }); 

Maintenant, tout fonctionne comme il veut. Merci à vous tous pour la suggestion. Désolé de ne pas mentionner en premier lieu que je suis en utilisant jQuery plugin tablesorter, et je veux juste mettre en surbrillance la ligne sur le vol stationnaire de l'événement.

😀