CODEWITHSUNDEEP
jquery
robbie
robbie

Reputation:

How to hide a table row in jQuery?

I have a table such as this

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

I want to hide the rows with class member.

I did something like this but it is not working..

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

Upvotes: 9

Views: 35435

Answers (4)

tvanfosson
tvanfosson

Reputation: 532435

You could also use find.

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

Or if all the rows (elements, actually) with class member should be hidden:

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

should work.

Upvotes: 2

cgp
cgp

Reputation: 41381

To specify a class using CSS use a dot to signify that it's a class, not a colon. The colon is used by jQuery for filters.

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

Is just fine unless you want to be specific to a table.

Upvotes: 4

Elzo Valugi
Elzo Valugi

Reputation: 27856

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

Upvotes: 1

&#211;lafur Waage
&#211;lafur Waage

Reputation: 69981

Try this

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

The selectors in jQuery like CSS selectors, so you should be able to use them like that.

You can browse the jQuery selector documentation here, it's full of interesting things you can do.

Upvotes: 23

Related Questions