<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody id="ob">
<tr>
<td valign="top">AAAA<input type="button" name="add" id="add" value="添加" />
<input type="button" name="del" id="del" value="删除" />
</td>
</tr>
</tbody>
<tbody id="nb"></tbody>
</table>
点击添加 则将ob中的内容复制到nb中 点击删除则 对应在nb中做删除操作!如何用jquery来实现?
<tbody id="ob">
<tr>
<td valign="top">AAAA<input type="button" name="add" id="add" value="添加" />
<input type="button" name="del" id="del" value="删除" />
</td>
</tr>
</tbody>
<tbody id="nb"></tbody>
</table>
点击添加 则将ob中的内容复制到nb中 点击删除则 对应在nb中做删除操作!如何用jquery来实现?
解决方案 »
- 求救!特急!!!appendchild的问题
- JS如何控制弹出层时网页背景半透明黑色
- 关于JS取值问题
- 如何用JS限制文本框输入带有“+-”号的整数 ,并且第一个数不能为0的代码?
- 全局变量为何变成了undefined
- 安装Aptana以后,为什么浏览器查看源代码时,总是要打开aptana,能再用记事本打开吗???
- 谁帮我看看这个网页里的那张图片的真实地址?
- 如何在文本框内显示数据库查询出的结果
- 关于多级菜单的问题(在线等,高手进,急)
- 如何可以做到在连接一个网页的时候,只取其中的一部分显示出来呢?用iframe来连接
- 有些网页在线聊天软件,当有新消息进来的时候,网页标题会变换颜色提示用户有消息?
- Multiple markers at this line
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="jquery-1.4.4.min.js"></script>
</head>
<script type="text/javascript">
<!--
function add(){
var content = $("#ob").html();
$("#nb").append(content);
} function remove(){
$("#nb").html("");
}
//-->
</script>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" >
<tbody id="ob">
<tr>
<td valign="top">AAAA</td>
<td>
<input type="button" name="add" id="add" value="添加" onclick="add()" />
<input type="button" name="del" id="del" value="删除" onclick="remove()"/>
</td>
</tr>
</tbody>
<tbody id="nb"></tbody>
</table> </body>
</html>
$(document).ready(function(){
$("input[name='add']").click(function(){
$("#nb").append($("#ob").html());
});
$("input[name='del']").click(function(){
//$("#nb").empty(); //全部删除
$("#nb").children("tr:last").remove();//删除最新添加的
});
});
<!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/html; charset=gb2312" />
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("input[name='add']").click(function(){
$("#nb").append($("#ob").html());
});
$("input[name='del']").click(function(){
//$("#nb").empty(); //全部删除
$("#nb").children("tr:last").remove();//删除最新添加的
});
});</script>
</head><body>
<table width="100%" border="5" cellspacing="0" cellpadding="0" style=" border-color:#F00">
<tbody id="ob" >
<tr>
<td valign="top">AAAA<input type="button" name="add" value="添加" />
<input type="button" name="del" value="删除" />
</td>
</tr>
</tbody>
<tbody id="nb"></tbody>
</table>
</body>
</html>