求用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控制是否为激活状态 jquery.getScript如何获取其他站点页面代码 jquery 问题求助 如何在文本框里设置默认值呢? 一个javascript问题,谢谢,我是菜鸟 javascript函数参数动态获取 正则如何去除字符串中的HTML元素? 提取表单文本框月份,求解? 有什么办法,可以检查所有的表单以保证它们被全部输入了值,谢谢,给分! 如何用js判断商传图片的高度和宽度??特别急!! 怎样过滤javascript数组里面的内容? JS匿名函数执行的问题 页面返回的问题
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>
<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();
});
});