jquery双击tr修改内容提交数据

<pre>
$('#table td').on('dblclick',function(){//双击的哪一个id
var oldVal = $(this).text();//获取修改之前的值

    var input = "<input type='text' id='tmpId' value='" + oldVal + "' >";//创建一个input
    var tr = $(this).closest('tr');//
    var id = $(tr).children('td').eq(1).text();//获得当前这一行的id
    $(this).text('');
    $(this).append(input);//把input塞进去
    $('#tmpId').focus();
    $('#tmpId').blur(function(){
        if($(this).val() != '' && oldVal != $(this).val()){//当值不为空和不和修改之前的一样 则提交ajax
           oldVal = $(this).val();
           $.getJSON("{:U('moneyEdit')}", {'id':id,'money':oldVal})
        }
        //closest:是从当前元素开始,沿Dom树向上遍历直到找到已应用选择器的一个匹配为止。
       $(this).closest('td').text(oldVal);
    });
});

</pre>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容