Search jQuery

jQuery Forum

Using jQuery

blurryeyes

Find table head (th) cells (td)

in Using jQuery • 12 years ago

What i'm currently trying to do is find all columns associated with a table header.

For example:

<table id="thetable">
<thead>
<tr><th colspan="2">Column 1 header</th></tr>
</thead>
<tbody>
<tr><td>Column 1 data</td><td>Column 1 data</td></tr>
</tbody>
</table>

I would be really happy if when something like this would be possible:

var jqTh = $( '#thetable thead th:eq(0)' )
jqTh.getTBodyColumns( ).toggle( ); // Get all cells for first th and hide them

Thanks in advance,

Jos

Replies(1)

Kevin B

Re: Find table head (th) cells (td)

12 years ago

that is simple, if you reference them by index. If you want to hide the first column, you would:

$('#thetable tr').find('td:nth-child(1),th:nth-child(1)').toggle();

The reason i first selected all table rows and then both td's and th's that were the nth child is so that we wouldn't have to select the table and all table rows twice. improves script execution speed. Keep in mind, nth-child() is 1 based, not zero. don't get confused.

-- Kevin

------------------------------------------------
http://www.tentonaxe.com

Top Reply

Response title

Attachments

jQuery Forum

Find table head (th) cells (td)

Replies(1)

Re: Find table head (th) cells (td)

Statistics

Tags

Actions