Tabellenhighlights nur in tbody

Question

Ich habe mehrere Seiten mit mehreren Tabellen auf jeder Seite zu tun. Ich habe die JQUERY, um Zebrastreifen auf geraden Linien zu machen und die Farbe beim Schweben zu ändern. Aber, hier kommt es, es ändert die Farbe auf THEAD und TFOOT und ich kann CSS nicht auf TFOOT anwenden, um die Farbe zu ändern.

hier ist der Code

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $(function() { 
     $('tr').hover(function() { 
      $(this).css('background-color', '#FFFF99'); 
     }, 
     function() { 
      $(this).css('background-color', ''); 
     }); 
    }); 
}); 

$(function() { 
    $("table.tiger-stripe tr:odd").addClass("oddrow"); 
}); 
</script> 

Answer 1

die Striping Tabelle tbody gelten nur

$(function() { 
    $('table.tiger-stripe tbody tr').hover(
     function() { $(this).css('background-color','#FFFF99'); }, 
     function() { $(this).css('background-color', '#000000');} 

    );  
    $("table.tiger-stripe tbody tr:odd").addClass("oddrow"); 
}); 

Answer 2

Bitte können wir Ihren Code für eine Tabelle zu sehen? Sind Sie sicher, dass es im tfoot mehr als eine tr-Zeile gibt, weil: odd nur in alternierenden Zeilen triggert, so dass mindestens zwei Zeilen vorhanden sein müssen.

Oh meinten Sie, dass Sie nicht möchten tfoot auslösen?

In diesem Fall verwenden Sie einfach $('tbody tr:odd') als Selektor.

Answer 3

Danke an alle ....

hier, was der Code wie es ....

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"> 
</script><script type="text/javascript"> 
$(function() { 
      $('table.tiger-stripe tbody tr').hover(
       function() { $(this).css('background- color','#FFFF99'); }, 
       function() { $(this).css('background- color', '');} ); 
      $("table.tiger-stripe tbody tr:nth-child(even)").addClass ("oddrow"); }); 

</script>