Как я могу показать и скрыть строку таблицы с помощью jQuery?

Question

У меня есть обычная таблица HTML, как мне показать и скрыть строку таблицы с помощью jQuery?

Answer 1

Скрывает каждый 5-й ряд:

$('tr:nth(5)).hide()

Пример: http://jsbin.com/epeto

Answer 2

Кроме того, вы можете посмотреть на функцию .toggle ().

$('tr:nth(5)).toggle()

Это будет показывать / скрывать и постоянно переключаться ...

Answer 3

Либо итерируйте элементы tr внутри вашей таблицы, либо добавьте идентификаторы в свои trs и вызовите функцию show / hide в jQuery с этим идентификатором

Answer 4

Я бы держался подальше от методов show и hide для строк таблицы. Они приводят к плохим пользовательским интерфейсам X-браузера. Я нашел, что fadeIn / Out намного лучше работает в x-browser.

Answer 5

Просто чтобы добавить ответ Nuno выше, функция JQuery toggle () также может быть полезна для вас