Question

所以我有一个html表，其结构如下：

<table>
    <tbody>
      <tr>
         <input type="hidden" name="a" value="x">
         <input type="hidden" name="b" value="y">
         <td>First Cell</td>
         <td>Some text</td>
         <td>Some text</td>
         <td>Last Cell</td>
     </tr>
    </tbody>
</table>

我想要的是使用CSS总是选择每行的第一个和最后一个的通用方法，因为隐藏的输入元素的数量可能因每个实例而不同。 PS：我想要做的是，在我的应用程序中，我想使用常见的css从所有现有表中删除第一个和右边界的左边界。整体结构保持不变，但隐藏的输入字段和单元格的数量可能不同。任何帮助，将不胜感激。提前谢谢！

Answer 1

您可以使用逗号分隔多个CSS选择器：

td:first-child, td:last-child { background: red; }

顺便说一句，检查您的标记，因为它看起来无效（input内的tr元素是不允许的。）

Answer 2

您拥有jquery中预定义的关键字

参见参考 :first 和 :last

获得第一个td

 $("tr").find("td:first").html();

获取最后td

      $("tr").find("td:last").html();

这很有效，很容易

注意：不要将html内容直接放入tr，请始终使用td来执行此操作。

前：

 <tr>
    <td> <input type="hidden" name="a" value="x"> </td>
    <td> <input type="hidden" name="b" value="y"> </td>
 </tr>

如何选择第一个和最后一个？

2 个答案: