如何在点击时使用jquery获取表的tr值

Question

我有一个示例表

<table class="table">
  <tr value="1" class="side-link">
    <td>one</td>
    <td>two</td>
  </tr>
 <tr value="2" class="side-link">
    <td>one</td>
    <td>two</td>
  </tr>
</table>

我想在点击功能上获得所选tr的值.我到目前为止所尝试过的

$(".table").on('click','.side-link',function(e){
    e.preventDefault();
    var id = $(this).attr('value');
    alert(id);
}); 

问题是我无法解决这个问题,我点击了相应的"tr",而是获得了值.table.任何人都可以解决这个问题吗？我真的很感激!谢谢 :)

注意:它需要(点击),因为我要使用ajax替换tr,并且只使用点击功能不会识别新元素!

Jquery版本1.9.1

Answer 1

$(".table").on('click','tr',function(e){
    e.preventDefault();
    var id = $(this).attr('value');
    alert(id);
}); 

的jsfiddle