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


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

    var input = "";//创建一个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);
    });
});

你可能感兴趣的:(jquery双击tr修改内容提交数据)