jQuery处理同级事物的一个方式

呵呵，标题有点绕，不知道这样表达是否达意。其实就是同类型（级别）的事件触发的判断处理而已，还搞不明白？-_-!我的表达有问题，那就看下面的代码吧：

<table>
  <tr id="data_3">
    <td>row1</td>
    <td>Row2</td>
    <td><button type="button" class="_operation">编辑<span class="is_hidden">(e)</span></button> <button type="button" class="_operation">删除<span class="is_hidden">(d)</span></button></td>
  </tr>
  <tr id="data_10">
    <td>row2</td>
    <td>Row2</td>
    <td><button type="button" class="_operation">编辑<span class="is_hidden">(e)</span></button> <button type="button" class="_operation">删除<span class="is_hidden">(d)</span></button></td>
  </tr>
</table>

要处理上面的每行数据的“编辑”和“删除”按钮。我通过下面的jQuery处理：

/*<![CDATA[*/
$(function(){
  $('._operation').live('click',function(){
    var    str_op    =    (($(this).text()).match(/\((e|d)\)/i));
    var    op        =    str_op[1];
    var    pObj    =    $(this).parents('tr')
    var    dataid    =    Number(($(pObj).attr('id')).replace('data_',''));
    if ( op == 'e' ) {
       //执行按钮“编辑”动作
    } else if ( op == 'd' ) {
       //执行按钮“删除”动作
    } 

  });

});
/*]]>*/

我的处理未必是一个明智的方式，不过在具体项目操作时还是觉得有一些灵便性的，不知道别人在处理类似情况如何做呢？

标签：HTML, Javascript, jQuery, js, 代码