查找父节点的索引

Question

我在第76行放了断点，你可以看到。然后我去了控制台，输入了以下命令。

我无法获取被点击元素的索引或行值。我错过了什么？

代码段：

<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>

Answer 1

在您的控制台中，this引用dom元素而不是jQuery对象，因此它没有名为parent的属性，而是parentNode。此外，tr元素没有名为index的方法，它具有属性rowIndex。所以

this.parentNode.parentNode.rowIndex

或者如果你想使用jQuery那么

$(this).closest('tr').index()