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.我不记得了。检查jth docs for nth-chi

如何选择所有的第一个？

4 个答案: