81,122
社区成员




<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 3</title>
</head>
<body>
<div id="div_myTable">
<table id="myTable">
<tr id="myTH1" >
<td > 1</td>
<td ><input type="text" id="1-1" size="4" /></td>
<td ><input type="text" id="2-1" size="10" /></td>
<td ><input type="text" id="3-1" size="10" /></td>
<td ><input type="text" id="4-1" size="10" /></td>
<td ><input type="text" id="5-1" size="10" /></td>
<td ><input type="text" id="6-1" size="10" /></td>
<td ><input type="text" id="7-1" size="10" /></td>
<td ><input type="text" id="8-1" size="10" /></td>
</tr>
</table>
</div>
<p><input type="button" value="按钮" name="B1" onclick="somedo()"> <input type="reset" value="撤销" name="B2" onclick="redo()"></p>
<!--/////////////////<div id="div_myTable">/////////////////////// -->
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>do undo //当点击do 时 table 添加一行</title>
<script language="javascript" src="jquery-1.9.1.js">
</script>
<script>
$("#do1").click(function(){
var index = $(this).data("index");
index = index ? index + 1 : 0; //记录次数
$(this).data("index",index);
var table = $("#div1").children("talbe");
$(this).data("table"+index,table[0].clone(true)); //缓存拷贝对象
table .append("<tr><td></td></tr>");
});
//回退
$("#undo1").click(function(){
var index = $("#do1").data("index");
if (!index) {
return;
}
$("#div1").empty().append($("#do1").data("table"+index)); //重新加载缓存的对象
$("#do1").data("table"+index,"").data("index",index - 1); //把已经回退的对象清空,计数减一,
});
</script>
</head>
<body>
<div id="div1"> <table id="myTable"><tr><td>测试文字</td></tr></table></div>
<span id="do1">do</span> <span id="undo1">undo</span> //当点击do 时 table 添加一行,在点击之前缓存table对象,
</body>
</html>