Jquery 将CSS应用于first&；最后一张桌子

我需要使用jQuery为下表的第一个和最后一个应用样式，编写了一些未启动的脚本

 <script>$("th:gt(0)").css("border-left", "none");</script>

 <table>
 <tr>
  <th scope="col">one</th>
  <th scope="col">two</th>
  <th scope="col">three</th>
</tr>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
</tr>
</table>

$（“th:gt（0）”）.css（“左边框”、“无”）；
一
二
三
1.
2.
3.

任何帮助都很方便。

您可以使用和伪选择器：

$("table tr th:first-child, table tr th:last-child").css("border-left", "none");

---

要仅将CSS应用于最后一个TH，您可以使用，如下所示（保持一行）：

您可以使用和伪选择器：

$("table tr th:first-child, table tr th:last-child").css("border-left", "none");

---

要仅将CSS应用于最后一个TH，您可以使用，如下所示（保持一行）：

---

我从未尝试过——但有称为第一个孩子和最后一个孩子的伪选择器。你可以用这种方式瞄准他们

---

但是我不确定是否支持浏览器？

我从未尝试过-但是有称为first child和last child的伪选择器。你可以用这种方式瞄准他们

但是我不确定是否支持浏览器？

$（'th:first，th:last'）.css（“左边框”，“无”）

这应该能奏效

您还可以使用：

：类型的最后一个
或
：最后一个孩子

您可以在jQuery选择器中使用它们，也可以仅在css中使用它们，并使用sizzlejs来提供跨浏览器功能。
$（'th:first，th:last'）.css（“左边框”，“无”）

这应该能奏效

您还可以使用：

：类型的最后一个
或
：最后一个孩子

您可以在jQuery选择器中使用这些工具，也可以仅在css中使用这些工具，并使用sizzlejs提供跨浏览器功能。
我知道会有更有知识的人提供一个示例；-）工作得很好，我需要在最后一个TH中添加border right:none，如何使用相同的脚本现在我已经这样写了$（“table tr TH:first child”）.css（“border left”，“none”）$（“表tr th:最后一个孩子”）.css（“右边框”、“无”）；如果您想设置单个属性，只需使用两个不同的选择器。@JamWaffles链接是一件好事，但我认为将它们分开会使它更清晰、更明确。不管怎样都行！我知道会有更有知识的人来举个例子；-）工作得很好，我需要在最后一个TH中添加border right:none，如何使用相同的脚本现在我已经这样写了$（“table tr TH:first child”）.css（“border left”，“none”）$（“表tr th:最后一个孩子”）.css（“右边框”、“无”）；如果您想设置单个属性，只需使用两个不同的选择器。@JamWaffles链接是一件好事，但我认为将它们分开会使它更清晰、更明确。不管怎样都行！IE7对这些选择器的浏览器支持是不完整的，但是jQuery的选择器（使用Sizzle）是跨浏览器支持的。Iam在IE7上使用此脚本，工作正常，没有任何问题。IE7对这些选择器的浏览器支持是不完整的，但是jQuery的选择器（使用Sizzle）是跨浏览器支持的。Iam在IE7上使用此脚本，工作完美无任何问题不要忘记$（文档）。准备好…不要忘记$（文档）。准备好。。。