Таблица выделяется только в tbody

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

вот код

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

источник

2009-04-30 Anonymous

применять чередование данных в таблицу TBODY только

$(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"); 
});

источник

2009-04-30 21:11:56

спасибо за быстрый ответ, я новичок в использовании JQuery, и были копирование и вставка элементов кода, чтобы получить его до сих пор, я заказал книгу, чтобы справиться с ней, любые указатели на то, как сделать ответ, который вы дали? – 2009-04-30 21:14:04

Я прибрал ваш код и поместил его внутри одной функции, которая будет выполняться при загрузке DOM - это $ (function {...}); код, который обертывает внутренние селектора jQuery –

Привет, спасибо, он работает, блестяще, мне пришлось вынести цвет # 000000, поскольку он оставил его черными, после того как он оставил его на '', возвращается к исходному цвету полосы. Я не знаю, является ли это «хорошим скриптом». Большое спасибо - это 5 часов, просто выясняя, что ... – 2009-04-30 21:23:27

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

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

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

источник

2009-04-30 21:13:14

привет, спасибо за ответ попробовал, теперь он позволяет мне стилизовать thead и tfoot, но все же выделяет тогда, когда я накидываю мышь ... любые идеи ??? – 2009-04-30 21:19:15

Он заберет все нечетные тройные ряды в теле. Пожалуйста, будьте более конкретными, когда это выделяется, и когда вы хотите, чтобы он выделялся. Работает ли код Russ? –

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

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

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

источник

2009-04-30 21:16:20

Спасибо за это, но нет данных в tbody, и это ниже tfoot, что обычно не является правильным способом. Попробуйте код в моем ответе, который я дал выше. –

Я вижу, что случилось с вашим сообщением. Когда вы отправляете код, вам нужно убедиться, что каждая строка имеет отступы в четыре пробела, чтобы можно было понять, что это кодовый блок. –

Всякий раз, когда вам нужно добавить код или новую информацию на свой вопрос, просто нажмите «изменить» под своим вопросом, чтобы изменить его в новых деталях. Пожалуйста, используйте ответы только для ответа на вопрос (даже ваш собственный). :) –

Таблица выделяется только в tbody

ответ

Смежные вопросы