javascript - 识别在表中单击的 td

Question

我有一个如下表

(全屏:/image/7Mluq.png)

在这里您可以看到某些 td 上的“向下”箭头.

例如<td>第 2 行第 4 列为:

<td>
   <a href="doc4.html" name="doc4" target="_blank">doc4</a>
   <span class="arrow"></span>
   <div class="toggle" style="display: none;">
      <div><a href="image_3.1.jpg" name="image" target="_blank">image</a></div>
      <div><a href="testingwrongtype_2.2.gif" name="testingwrongtype" target="_blank">testingwrongtype</a></div>
      <div><a href="vsd_2_1.2.png" name="vsd_2" target="_blank">vsd_2</a></div>
      <div><a href="BMP_1.3.bmp" name="BMP" target="_blank">BMP</a></div>
   </div>
</td>

假设用户单击“第 2 行和第 4 列(即 doc4)”的箭头，那么我想获取某个变量中的行号。

var row_clicked = 2

我怎样才能实现这个目标？

Answer 1

您可以使用.parent() 或 .closest() 获取点击的 td 的父级 tr 以及 .index() 获取此 tr 的索引:

$('table tr td').click(function() {
    var row_clicked = $(this).closest('tr').index(); // or $(this).parent().index();
});