Column selection (jQuery)

Question

$('.table tbody td:eq(3)').addClass('col4');

.. works, but selects only the first cell, not all the cells in the column.

Answer 1

Try:

$(".table tbody td:nth-child(4)").addClass("col4");

Note: I put 4 here because it is :eq(n)based on zero and :nth-child(n)is unidirectional.

You stumbled upon a key difference between the two. eq(3)will return exactly one element, the fourth of the entire set. Just as it :firstreturns only one element (max), while it :first-childcan return a lot.

Answer 2

<col> , <td> .

http://www.w3.org/TR/html401/struct/tables.html#h-11.2.4.2