jquery 双击修改某项值

双击修改某项值

$(function() {
    
	$('td.breakword').dblclick(function(){
          $(this).addClass('input').html('<input type="text" value="'+ $(this).text().replace(/[
s]/g,"") +'" />').find('input').focus().blur(function(){    
              var thisid = $(this).parent().siblings("th").text().replace(/[
s]/g,"");    
              var thisvalue=$(this).val().replace(/[
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，用于将修改的值进行处理