`

jquery 双击表格单元格编辑输入

 
阅读更多
	 	$("#table").find("td").bind("dblclick",function(){
	 		var input ="<input type='text' id='temp' value="+$(this).text()+" >";
	 		$(this).text("");
	 		$(this).append(input);
	 		$("input#temp").focus();
	 		$("input").blur(function(){
	 			if($(this).val()==""){
	 				$(this).remove();
	 			}else{
	 				$(this).closest("td").text($(this).val());
	 			}
	 		});

 

   	<table border="1" width="200" id="table">
		<tr><td>111</td></tr>
		<tr><td>222</td></tr>
		<tr><td>333</td></tr>
		<tr><td>444</td></tr>
		<tr><td>555</td></tr>
 	</table>

 xx

  • 大小: 1.3 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics