jQuery 选择器每行的第一个 td

Question

我有这个东西:

<table>
  <tr>
    <td>nonono</td> <!-- FIND THIS -->
    </td>foobar</td>
  </tr>
  <tr>
    <td>nonono2</td> <!-- FIND THIS -->
    </td>foobar2</td>
  </tr>
  <tr>
    <td>nonono3</td> <!-- FIND THIS -->
    </td>foobar2</td>
  </tr>
</table>

我尝试过$('td:first')运气不佳；

预期返回:<td>nonono</td> , <td>nonon2</td>和<td>nonon3</td>

提前致谢!

Answer 1

您应该使用 :first-child 而不是 :first:

听起来您想迭代它们。您可以使用 .each() 来执行此操作.

示例:

$('td:first-child').each(function() {
    console.log($(this).text());
});

结果:

nonono
nonono2
nonono3

或者，如果您不想迭代:

$('td:first-child').css('background', '#000');

JSFiddle demo .