如何在动态表列表中指示表行的位置

时间:2016-07-25 21:46:16

标签: javascript jquery html

我想在SO和其他来源中显示我的表列表的索引而没有点击这里的大多数示例。

<script src="../js/jquery-2.0.2.min.js"></script>
<table id="tableID" width="200" border="1">
  <tr>
    <td class="sm">5</td>
    <td class="pos"></td>
  </tr>     
  <tr>
    <td class="sm">4</td>
    <td class="pos"></td>
  </tr>   
  <tr>
    <td class="sm">5</td>
    <td class="pos"></td>
  </tr>
</table>
<script>
var position  = getElementsByClassName("pos").index();;
document.getElementsByClassName("pos")[0].textContent = position;
</script>

我希望上表给出像

这样的结果

enter image description here

1 个答案:

答案 0 :(得分:1)

unbind()

以下是DEMO