jquery可编辑表格

Question

我参照了网上的实现可编辑表格的jquery代码，可是点击td后文本框的内容左右都有很长的空字符，并且宽度和高度都跟没设置的没区别
我的表格：
$(document).ready(function(){
var numTd = $('#edit tr td:nth-child(3),table tr td:nth-child(2),table tr td:nth-child(4)');

//单击这些td时，创建文本框
numTd.click(function(){
//创建文本框对象
var inputobj = $("<input type='text'>");
//获取当前点击的单元格对象
var tdobj = $(this);
//获取单元格中的文本
var text = tdobj.html();

//如果当前单元格中有文本框，就直接跳出方法
//注意：一定要在插入文本框前进行判断
if(tdobj.children("input").length>0){
return false;
}
//清空单元格的文本
tdobj.html("");

inputobj.css("border","0")
.css("font-size",tdobj.css("font-size"))
//.css("font-family",tdobj.css("font-family"))
.css("background-color",tdobj.css("background-color"))
.css("color","#C75F3E")
.width("10px")
.val(text)
.appendTo(tdobj);

inputobj.get(0).select();
//阻止文本框的点击事件
inputobj.click(function(){
return false;
});

//处理文本框上回车和esc按键的操作
//jQuery中某个事件方法的function可以定义一个event参数，jQuery会屏蔽浏览器的差异，传递给我们一个可用的event对象
inputobj.keyup(function(event){
//获取当前按键的键值
//jQuery的event对象上有一个which的属性可以获得键盘按键的键值
var keycode = event.which;
//处理回车的情况
if(keycode==13){
//获取当前文本框的内容
var inputtext = $(this).val();
//将td的内容修改成文本框中的内容
tdobj.html(inputtext);
}
//处理esc的情况
if(keycode == 27){
//将td中的内容还原成text
tdobj.html(text);
}
});

});
});jQuery

Answer 1

1我怎么没发现在哪把inputobj插入到document中呀.<script type="text/javascript">
$(document).ready(function () {
        var numTd = $('#edit tr td:nth-child(3),table tr td:nth-child(2),table tr td:nth-child(4)');        //单击这些td时，创建文本框
        numTd.click(function () {
                //创建文本框对象
                var inputobj = $("<input type='text'>");
                //获取当前点击的单元格对象
                var tdobj = $(this);
                //获取单元格中的文本
                var text = tdobj.html();                //如果当前单元格中有文本框，就直接跳出方法
                //注意：一定要在插入文本框前进行判断
                if (tdobj.children("input").length > 0) {
                    return false;
                }
                //清空单元格的文本
                tdobj.html("");                inputobj
.css("border", "0")
                    .css("font-size", tdobj.css("font-size"))
                //.css("font-family",tdobj.css("font-family"))
                 .css("background-color", tdobj.css("background-color"))
                    .css("color", "#C75F3E")
                    .width("10px")
                    .val(text)
                    .appendTo(tdobj);                inputobj.get(0).select();
                //阻止文本框的点击事件
                inputobj.click(function () {
                        return false;
                    });                //处理文本框上回车和esc按键的操作
                //jQuery中某个事件方法的function可以定义一个event参数，jQuery会屏蔽浏览器的差异，传递给我们一个可用的event对象
                inputobj.keyup(function (event) {
                        //获取当前按键的键值
                        //jQuery的event对象上有一个which的属性可以获得键盘按键的键值
                        var keycode = event.which;
                        //处理回车的情况
                        if (keycode == 13) {
                            //获取当前文本框的内容
                            var inputtext = $(this).val();
                            //将td的内容修改成文本框中的内容
                            tdobj.html(inputtext);
                        }
                        //处理esc的情况
                        if (keycode == 27) {
                            //将td中的内容还原成text
                            tdobj.html(text);
                        }
                    });            });
    });
</script>2你的设置css定太烦索了,用$.css({}),不行吗