大致如下：详细的可以G一下
<table id="tmp">
<tr>
<td><input type="text" id="txt" name="txt"><td>
</tr>
</table>
TD编辑器的快速添加内容快捷键是「Ctrl + Alt + I」，按下该组合键将会d出一个快捷菜单，以帮助您快速插入各种格式的内容。通过该快捷键，您可以快速插入文字，表格，图片，链接等内容，提高文本编辑效率并优化文档质量。请注意，该快捷键可能因 *** 作系统、浏览器或其他应用程序等因素而有所不同。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>table中tdの変更</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("td").dblclick(function(){
$(this).text("")
var input = "<input type='text'>"
$(this).append(input)
$("input").focus()
$("input").blur(function(){
if($(this).val()==""){
$(this).remove()
}else{
$(this).closest("td").text($(this).val())
}
})
})
})
</script>
<style type="text/css">
#table tr td {
padding:5px 44px
}
</style>
</head>
<body >
<form id="theForm">
<table id="table" border="1" cellspacing="0">
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
</table>
</form>
</body>
</html>
代码你测一下，注意修改jquery包的路径，有问题可追问！！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）