jquery 双击修改某项值

双击修改某项值

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

$(function() {           $('td.breakword').dblclick(function(){           $(this).addClass('input').html('<input type="text" value="'+ $(this).text().replace(/[\r\n\s]/g,"") +'" />').find('input').focus().blur(function(){                  var thisid = $(this).parent().siblings("th").text().replace(/[\r\n\s]/g,"");                  var thisvalue=$(this).val().replace(/[\r\n\s]/g,"");                                        $.ajax({                    type: 'POST',                    url: '/modifyIntelScanError',                    data: "id="+thisid+"&breakword="+thisvalue,                 success:function(result)                 {                     if(result!="success")                     {                         alert(result);                     }                 }               });                  $(this).parent().removeClass('input').html($(this).val() || 0);              });           }).hover(function(){            $(this).addClass('hover');        },function(){            $(this).removeClass('hover');        });      })

　　在页面中的代码

<tr>
<th>
1
</th>
<td class="breakword" id="1" title="双击可修改">
111
</td></tr>

　　

以上代码并不完整，大致意思就是，双击 class 为breakword 的td，将会将此td 替换为 一个input，原来的值为input的默认值，当焦点离开input 时，就会调用ajax，用于将修改的值进行处理