JQuery скрыть строки из таблицы

Question

Я новый с помощью JQuery, и я пытаюсь скрыть строки из таблицы вроде этого:

<table border="1" width="100%" id="table1"> 
     <tr> 
      <td style="text-align: center"> 
      First Row 
      </td> 
     </tr> 

     <tr> 
      <td style="text-align: center"> 
      Second row 
      </td> 
     </tr> 
     <tr> 
      <td style="text-align: center"> 
      Thrid row 
      </td> 
     </tr> 
</table> 

Я пытаюсь скрыть первый и 3erd строку из таблицы, как может Я делаю это? Я пытаюсь, но я не могу достичь своей цели с помощью этого кода:

$('#table1 tr').hide() 

Answer 1

Существует множество способов сделать это. Вот один:

$("#table1 tr:even").hide(); 

отмечая, что индексы строки равны нулю на основе, так что первый и третий ряды «даже». Конечно, это скрывает все даже строк, но ваш пример имеет только три строки.

Чтобы явно предназначаться отдельными строками с помощью (нуля) Индекса:

var $rows = $("#table1 tr"); 
$rows.eq(0).hide(); 
$rows.eq(2).hide(); 

Или, если у вас есть контроль над HTML вы можете добавить класс к какой строке вы хотите скрыть и выбрать на основе класс.