主页 / 问题 / 1233438
Accepted
Ilnyr
Asked:2022-01-19 19:45:33 +0000 UTC2022-01-19 19:45:33 +0000 UTC

如何使用这个选择表中的行号和列号？

  • 772

有一个html表：

<table>
<tr class="clickN Three"><td></td><td></td></tr>
<tr class="clickN Two"><td></td><td></td></tr>
<tr class="clickN One"><td></td><td></td></tr>
</table>

在表格中，您需要使用它一次选择行号和列号。当我单击时，很明显我单击了表格的所需列和行。写了这段代码：

jQuery("tr.clickN").on("click",function(){
console.log( $(this).find("td").index() )
})

td显示零（我希望显示所需的索引tr）。我想显示索引和列号和行号（确定点击的确切区域）

javascript

1 个回答

  1. Best Answer

    jQuery("td").on("click", function() {
    console.log($(this).parent().index(), $(this).index());
})
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<table>
  <tr class="clickN Three">
    <td>00</td>
    <td>01</td>
  </tr>
  <tr class="clickN Two">
    <td>10</td>
    <td>11</td>
  </tr>
  <tr class="clickN One">
    <td>20</td>
    <td>21</td>
  </tr>
</table>

    • 1

相关问题