Hiding specific HTML table cells with JavaScript

Question

I have found other questions through which I learned how to hide the first row and the (first row's) first cell using;

$('table#truetable tr:first').hide();

and

$('table#truetable td:first').hide();

But what if I want to hide for example the first cell of the second row using this approach?

Answer 1

theres a css selector for this:

:nth-child(N)

N is the index of the child +1 in the selection

Answer 2

$('#truetable tr:eq(1) td:first').hide();

:eq docs

jQuery(':eq(index)')

index
Zero-based index of the element to match.

Answer 3

$('table#truetable tr:eq(1) td:first-child').hide();