jQuery. Таблицы.

Функцию вызывать после изменений

function rowColors(){

	$('table tr').removeClass('even');

	$('table tr:even:visible').addClass('even');

}

Почему-то visable неработает. Выделяет только 1 нечетный (первый) элемент:( Почему так? убираю visable выделяються все нечетные. Когда есть visable, не смотря на то, что элементы видимые, выделяеться только 1

Может потому что visible, я проверил сначала - работает.

Вот у меня код:

	  $('#table_parner tr').removeClass('odd');

	  $('#table_parner tr:even:visible').addClass('odd');

Вот код таблицы:

<table cellpadding="4" cellspacing="0" id="table_parner">

  <thead>

  <tr class="gradient">

    <td>Фото</td>

    <td>Ф.И.О</td>

    <td>Email</td>

    <td>Телефон</td>

    <td>Skype</td>

    <td>PM счет</td>

    <td>Колво</td>

  </tr>

  </thead>

  <tbody

    <tr id="1">

    <td><img src="/images/annonim_user.jpg" width="50px" height="50px" alt="Фото" class="ava"></td>

    <td><a href="#otkrit" id="1"><img src="images/arrow3.png" /></a> ыфва фыва ыва</td>

    <td>11@mail.ru</td>

    <td>+7 (234) 234-34-34</td>

    <td>dasdf34</td>

    <td>1412414</td>

     <td>0</td>

  </tr>

      		<tr id="1_1">

            <td><img src="users/avatar/13.jpg" width="50px" height="50px" alt="Фото" class="ava"></td>

    		<td><img src="images/tire.png" /> вап ыва вап</td>

    		<td>10@mail.ru</td>

    		<td>+7 (234) 324-23-23</td>

    		<td>sdasdfas4</td>

   		    <td>12311</td>

            <td>0</td>

			</tr>

      <tr id="2">

    <td><img src="/images/annonim_user.jpg" width="50px" height="50px" alt="Фото" class="ava"></td>

    <td>фыва фыва фыва</td>

    <td>123@mail.ru</td>

    <td>+7 (352) 235-23-32</td>

    <td>asdf2</td>

    <td>112312</td>

     <td>0</td>

  </tr>

      <tr id="3">

    <td><img src="/images/annonim_user.jpg" width="50px" height="50px" alt="Фото" class="ava"></td>

    <td>вап ыва вап</td>

    <td>5@mail.ru</td>

    <td>+7 (234) 324-23-23</td>

    <td>sdasdfas4</td>

    <td>12311</td>

     <td>0</td>

  </tr>

      <tr id="5">

    <td><img src="/images/annonim_user.jpg" width="50px" height="50px" alt="Фото" class="ava"></td>

    <td><a href="#otkrit" id="5"><img src="images/arrow3.png" /></a> фыва</td>

    <td>выаm@webhost1.ru</td>

    <td>+7(908)434-34-34</td>

    <td>webhost1.ru</td>

    <td>Z12341234234</td>

     <td>0</td>

  </tr>

      		<tr id="5_1">

            <td><img src="users/avatar/4.jpg" width="50px" height="50px" alt="Фото" class="ava"></td>

    		<td><img src="images/tire.png" /> фыва</td>

    		<td>фаыв@gmail.com</td>

    		<td>+фав</td>

    		<td>фыав</td>

   		    <td>фавы</td>

            <td>0</td>

			</tr>

  </tbody></table></div>

Те у кого id = "X" - показываються сразу.

Те у кого id = "X_X" - показываються, когда нажимаешь на строку у кого id= "X".

Т.е. нажал на id = "1", открываються id = "1_1", "1_2", "1_3" и т.д. сколько есть.

Поставил код:

он выделил только 1 элемент.

P.S. элементы с id = "x_x" скрываю с помощью .hide()

А если так ?

...

$('table tr:visible:even').addClass('even');

Спасибо, проблема решена!