Как выбрать все первые <td>из <tr>?

Question

Вот часть таблицы,

<tbody id="list_tbody">
   <tr class="infoRow">
      <td></td>
      <td></td>
      <td></td>
   </tr>
   <tr class="infoRow">
      <td></td>
      <td></td>
      <td></td>
   </tr>
   <tr class="infoRow">
      <td></td>
      <td></td>
      <td></td>
   </tr>
</tbody>

тег продолжается ... и это мой код JQuery:

$("tr.infoRow td:eq(0)").css("border-left", "1px solid #d0d0d0");

Как выбрать все первые <td>, которые находятся внутри всех <tr>? В моем текущем коде он выбирает только первый <td> из первого <tr>. Пожалуйста, исправьте мой код jQuery.

Answer 1

$("tr.infoRow td:first-child").css("border-left", "1px solid #d0d0d0");

Answer 2

Попробуйте это

$("tr.infoRow td::nth-child(1)").css("border-left", "1px solid #d0d0d0");

Примечание: nth-child имеет индекс 1, так что вы можете передать другое число, если хотите выбрать любой другой столбец.

Answer 3

Вы также можете использовать nth-child селектор:

$("tr.infoRow td:nth-child(1)").css("border-left", "1px solid #d0d0d0");

Answer 4

alert($('table tr td:nth-child(n)').size()). It should show you '3'. 

Я думаю, вам нужно поменять 'n' на 0 или 1. Я не помню. Проверьте документы jQuery на nth-chi