将 CSS 应用到第一个和第二个表的最后 TH
我需要使用 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>
任何帮助都会很方便。
I need to apply styles for the first and last th of the below table using jQuery, wrote some script which is not firing..
<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>
Any help would be handy.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您可以使用
:first-child和:last-child伪选择器：仅将 CSS 应用于最后一个 TH，你可以使用
.last()，像这样（保持一行）：You can use
:first-childand:last-childpseudo-selectors:To only apply CSS to the last TH, you can use
.last(), like this (keeping it one line):我从未尝试过 - 但有称为第一个孩子和最后一个孩子的伪选择器。您也许可以通过这种方式瞄准他们。
但是我不确定浏览器支持吗？
I have never tried - but there are pseudo selectors called first-child and last-child. You may be able to target them this way.
However i am not sure on browser support?
$('th:first, th:last').css("border-left", "none");这应该可以解决问题。
您还可以使用：
:last-of-type或者
:last-child您可以在 jQuery 选择器或 CSS 中使用这些，并使用 sizzlejs 提供跨浏览器。
$('th:first, th:last').css("border-left", "none");That should do the trick.
You can also use:
:last-of-typeor
:last-childYou can use these in your jQuery selector or just css, and use sizzlejs to provide cross browser.