Search jQuery

jQuery Forum

Using jQuery

JonasAnde..

Access and hide column only for outer table

in Using jQuery • 3 years ago

I have an outer table and want to hide second column, but not for the inner tables.

$('.table-main td:nth-child(2)').hide();

The problem here is that all the inner tables second columns hides as well.

So how can I just hide the outer table called table-main and not all the tables within?

Replies(4)

watusiware

Re: Access and hide column only for outer table

3 years ago

$('.table-main >td:nth-child(2)').hide();

will get you only the direct children.

You might want to learn more about CSS selectors:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

... and their use with jQuery:

https://learn.jquery.com/using-jquery-core/selecting-elements/

JonasAnde..

Re: Access and hide column only for outer table

3 years ago

Thanks!

watusiware

Re: Access and hide column only for outer table

3 years ago

Actually, it will have to be:

$('.table-main >tbody td:nth-child(2)')

You will need more if your table has headings.

$('.table-main >thead td:nth-child(2),table-main >tbody td:nth-child(2)')

Your didn't post your HTML, so I have to guess.

JonasAnde..

Re: Access and hide column only for outer table

3 years ago

It turned out that I had to do it this way:

$('.table-main > tbody > tr > td:nth-child(2n)').hide();

Maybe some other approach would have worked as well, but this did the trick.

Top Reply

Response title

Attachments

jQuery Forum

Access and hide column only for outer table

Replies(4)

Re: Access and hide column only for outer table

Re: Access and hide column only for outer table

Re: Access and hide column only for outer table

Re: Access and hide column only for outer table

Statistics

Tags

Actions