求用jquery实现一效果

在加载时做了如下处理
$(function()
{
$(".Td_Control").children().hide();

}
);
把包含控件的表格里面的内容隐藏了。就是上表，其实单元格中是有控件的

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<script>
document.body.onclick = function(e){
var obj = e?e.target:event.srcElement;
if (obj.nodeName.toUpperCase()=='TD')
{
var el = document.createElement('input');
el.setAttribute('type','text');
el.setAttribute('value',obj.innerHTML);
obj.innerHTML = '';
obj.appendChild(el);
el.focus();
el.onblur=function(){
this.parentNode.innerHTML = this.value;
}
}
}
</script>
...直接在你那个单元格上定义 onclick 完事
道理是一样的你既然可以 hide()，自然也就可以 show()只需要添加上 td 的 onclick 事件就可以了然后再设置一个控件发生某种事件时，再次 hide()，并将值现实出来就好虽然不了解你怎么定义的，但还是可以试试这样 <table border="1">
<tr><td><span>aa</span><input type="text" name="tb1" style="display:none;" /></td><td><span>aa</span><input type="text" name="tb2" style="display:none;" /></td></tr>
<tr><td><span>aa</span><input type="text" name="tb3" style="display:none;" /></td><td><span>aa</span><input type="text" name="tb4" style="display:none;" /></td></tr>
<tr><td><span>aa</span><input type="text" name="tb5" style="display:none;" /></td><td><span>aa</span><input type="text" name="tb6" style="display:none;" /></td></tr>
<tr><td><span>aa</span><input type="text" name="tb7" style="display:none;" /></td><td><span>aa</span><input type="text" name="tb8" style="display:none;" /></td></tr>
</table>
<script>
document.body.onclick = function(e){
var obj = e?e.target:event.srcElement;
var node = obj.nodeName.toUpperCase()=='TD'?obj:(obj.nodeName.toUpperCase()=='SPAN'?obj.parentNode:null);
if (node)
{
node.firstChild.style.display = 'none';
node.lastChild.style.display = 'block';
node.lastChild.onblur=function(){
this.parentNode.firstChild.innerHTML = this.value;
this.parentNode.firstChild.style.display = 'block';
this.style.display = 'none';
}
node.lastChild.focus();
node.lastChild.setAttribute('value',node.firstChild.innerHTML)
}
}
</script>
$(".Td_Control").each(function () {
    var $this = $(this);
    $this.click(function () {
        $this.children().show();
    });
});
设置表单元素的border为0 ，然后js控制是否为激活状态