点击tbody获取tr id

时间:2014-01-15 11:45:35

标签: javascript jquery javascript-events

有人可以告诉我,当dblclick事件收听tbody时,我怎么能得到tr id? 我的表格如下:

<table>
  <tbody id="patient_table">
    <tr id="1">
      <td class="td20">Patient Name</td>
      <td class="td20">Summary</td>
      <td class="td20">Created</td>
      <td class="td20">Last visit</td>
      <td class="td20">Refer to a Doctor</td>
    </tr>
    <tr id="2">
      <td class="td20">Patient Name</td>
      <td class="td20">Summary</td>
      <td class="td20">Created</td>
      <td class="td20">Last visit</td>
      <td class="td20">Refer to a Doctor</td>
    </tr>
  </tbody>
</table>

脚本如下:

$("tbody").on('dblclick','td',function (e) {
    var id = $(this).closest('tr').attr('id');
    alert(id);
});

这适用here,但不在我的代码中。调试时显示TypeError: $(...).on is not a function

顺便说一下,我在另一篇文章中找到了这个解决方案。

1 个答案:

答案 0 :(得分:1)

方法on是在jQuery 1.7版本中引入的。

我认为你必须将你的jQuery库升级到最新版本。

否则,您可以改为使用live

$("tbody td").live('dblclick',function (e) {
var id = $(this).closest('tr').attr('id');
alert(id);
});