时间戳

首页 > 解决方案 > 如何在 jQuery 中逐行引用 HTML 表格单元格、col 索引 - cell(3,4)

html - 如何在 jQuery 中逐行引用 HTML 表格单元格、col 索引 - cell(3,4)

问题描述

我是 jQuery 的新手。我可以从活动单元格中提取列号和行号（见下文），但我找不到在 jQuery 中引用表格单元格的方法，就像在其他语言中一样使用行和列索引（例如在 Python 的 Pandas 中）。

$('td').click(function(){
  var colIndex = $(this).closest("td").index();
  var rowIndex = $(this).closest("tr").index();
  //do something here
})

是否可以通过在 jQuery 中使用行和列索引来引用单元格？

这是我在网上找到的最好的解决方案，但它不允许我传递行号和列号的变量。我想我越来越近了，但我不确定这是否是最好的方法。

示例：Cell(3,3) 用于第 3 行和第 3 列中的单元格：

var cell = $('table').find('tr:eq(3)').find('td:eq(3)')

在使用表格时，这将使生活变得更加轻松。你能建议吗？

标签： htmljquerydomhtml-table

解决方案

你真的不需要 jQuery 来做到这一点。rows获取 DOM 表格元素并使用它的和嵌套cells属性更容易：

let $td = $($("table").get(0).rows[1].cells[2]);
console.log($td.text());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>d</td><td>e</td><td>f</td></tr>
</table>

推荐阅读