Колонка выбора jQuery

Я хотел бы выделить все ячейки первого столбца таблицы. Может кто-нибудь, пожалуйста, скажите мне код.

Пробовал это.

$('.sortable tr:nth-child(1)');    // getting entire row.

Ответ 1

$('.sortable td:first-child');

Ответ 2

Этот (довольно многословный) селектор должен работать:

$(".sortable tr > :nth-child(1)")

Если вам нужен другой столбец, просто измените индекс на nth-child на нечто, отличное от 1.

Это будет выбирать ячейки td (data) и th (header), btw.

$(".sortable tr > :nth-child(1)")
.css("background-color", "yellow");

<table class="sortable">
  <tr> <th>   A </th> <th>   B </th> <th>   C </th> </tr>
  <tr> <td>   1 </td> <td>   2 </td> <td>   3 </td> </tr>
  <tr> <td>  10 </td> <td>  20 </td> <td>  30 </td> </tr>
  <tr> <td> 100 </td> <td> 200 </td> <td> 300 </td> </tr>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Ответ 3

$('.sortable tr td:first').each(function(){ 
     alert($(this).text());
});