javascript - jQuery - 如何选择表中所有行的最后一列？

Question

假设我有一个 HTML 表格如下(带有适当的 tr、td 标签):

a1 | b1 | c1
a2 | b2 | c2
a3 | b3 | c3
a4 | b4 | c4

<table border="1">
<tr>
    <td>a1</td>
    <td>b1</td>
    <td>c1</td>
</tr>
<tr>
    <td>a2</td>
    <td>b2</td>
    <td>c2</td>
</tr>
<tr>
    <td>a3</td>
    <td>b3</td>
    <td>c3</td>
</tr>
<tr>
    <td>a4</td>
    <td>b4</td>
    <td>c4</td>
</tr>
</table>

我正在尝试选择所有 c* 行以对它们执行操作。

使用 $('td:last') 选择器只选择最后一个 td 标签，即 c4。

我尝试了 $('tr > td:last') 但没有用。在这种情况下，正确的选择器是什么？

Answer 1

:last 是一个 jQuery 选择器，但它只会选择该类型的最后一个元素。您很可能正在寻找 :last-child。

同样，td:first-child 将为您提供第一个单元格，而 :first 为您提供该类型的第一个元素。

这是一个 Fiddle供您查看所有四个示例。