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, 代码

*

Deepseath Modified from Green Hope Theme · Proudly powered by WordPress · 津ICP备09005418号  津公网安备 12010302001005号