Как скрыть строку таблицы в jQuery?

Question

У меня есть такая таблица

            <table class="headerTable" id="headerTable">
                <tbody>
                    <tr class="hh">
                        <td>test1</td>
                        <td>18,164</td>
                    </tr>
                    <tr class="member">
                        <td>test3</td>
                        <td>24,343</td>
                    </tr>
                </tbody>
            </table>

Я хочу скрыть строки с членом класса.

Я сделал что-то подобное, но это не работает ..

$("#headerTable tbody tr:member").hide();

Answer 1

Попробуйте это

$("#headerTable tbody tr.member").hide();

Селекторы в jQuery похожи на CSS-селекторы, поэтому вы должны иметь возможность использовать их таким образом.

Вы можете просмотреть документацию по jQuery здесь , там полно интересных вещей, которые вы можете сделать.

Answer 2

Чтобы указать класс с помощью CSS, используйте точку для обозначения того, что это класс, а не двоеточие. Двоеточие используется jQuery для фильтров.

$("tr.member").hide();

Это просто отлично, если вы не хотите быть конкретным для таблицы.

Answer 3

Вы также можете использовать find.

$('#headerTable').find('.member').hide();

Или, если все строки (элементы, на самом деле) с классом member должны быть скрыты:

$('.member').hide();

должно работать.

Answer 4

$ ("# headerTable .member"). Hide ();