Подсветка таблицы только в теле

Question

У меня есть несколько страниц с несколькими таблицами на каждой странице. У меня есть JQUERY, чтобы делать полоски зебры на ровных линиях и менять цвет при наведении. но здесь это меняет цвет на THEAD и TFOOT, и я не могу применить CSS к TFOOT, чтобы изменить цвет

вот код

<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

применить чередование только к таблице

$(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

Спасибо всем ....

вот как выглядит код, чтобы сделать это ...

<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>

Answer 3

Пожалуйста, мы можем увидеть ваш код для таблицы? Вы уверены, что в tfoot более одной строки tr, потому что: odd будет срабатывать только на альтернативных строках, поэтому должно присутствовать минимум две строки.

О, вы имели в виду, что вы не хотели, чтобы tfoot сработал?

В этом случае просто используйте $('tbody tr:odd') в качестве селектора.