jQuery 选择列

标签 jquery

我想选择表格第一列的所有单元格。谁能告诉我代码。

尝试过这个..

$('.sortable tr:nth-child(1)');    // getting entire row.

最佳答案

这个(相当冗长的)选择器应该可以工作:

$(".sortable tr > :nth-child(1)")

如果您想要另一列,只需将 nth-child 的索引更改为 1 以外的索引即可。

这将同时选择 td(数据)和 th(标题)单元格,顺便说一句。

$(".sortable tr > :nth-child(1)")
.css("background-color", "yellow");
<table class="sortable">
  <tr> <th>   A </th> <th>   B </th> <th>   C </th> </tr>
  <tr> <td>   1 </td> <td>   2 </td> <td>   3 </td> </tr>
  <tr> <td>  10 </td> <td>  20 </td> <td>  30 </td> </tr>
  <tr> <td> 100 </td> <td> 200 </td> <td> 300 </td> </tr>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

关于jQuery 选择列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2132034/

相关文章:

javascript - 从 HTML 中读取复选框选中的属性

javascript - 需要通过单击不同的 div 来切换 CSS 滑入功能吗?

javascript - 如果选中复选框去显示 div

javascript - 如何获取父div data-id

jquery - 创建下拉组合框的问题

javascript - 在字母之间添加分隔符

javascript - AngularJS 选择项目未重置为第一个/默认值

php - 使用 js 文件名调用 javascript 函数

javascript - jquery ajax 请求没有响应

javascript - 带有圆形 div 的 jQuery 淡入/淡导出吃