网页制作:页面中有两个表格,用js或者jquery实现将其中一个表格的某一行复制到另一个表格的一行。
有急用,希望各路高手帮帮忙,谢谢了!
追问:能不能麻烦写清楚一点啊,thank you 了!能不能麻烦写清楚一点啊,谢谢了!我要的是复制啊,这样就直接把其中一个表格的行剪切到另一个表格了(append),有没有不是剪切的方法。
有急用,希望各路高手帮帮忙,谢谢了!
追问:能不能麻烦写清楚一点啊,thank you 了!能不能麻烦写清楚一点啊,谢谢了!我要的是复制啊,这样就直接把其中一个表格的行剪切到另一个表格了(append),有没有不是剪切的方法。
答案:<!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=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> <style type="text/css"> table{ border-collapse:collapse; margin-top:20px;} td{ border:1px solid #000;} </style> <script type="text/javascript"> $(function(){ $("table:eq(0) tr:eq(1)")//获取第一个表格的第二行N .clone()//复制 .insertAfter("table:eq(1) tr:eq(0)");//插入到第二个表格的第一行后面 }) </script> </head> <body> <table> <tr> <td>表格1第一行</td><td>表格1第一行</td> </tr> <tr> <td>表格1第二行</td><td>表格1第二行</td> </tr> <tr> <td>表格1第三行</td><td>表格1第三行</td> </tr> </table> <table> <tr> <td>表格2第一行</td><td>表格2第一行</td> </tr> <tr> <td>表格2第二行</td><td>表格2第二行</td> </tr> <tr> <td>表格2第三行</td><td>表格2第三行</td> </tr> </table> </body> </html>
其他:<table id="table1">...</table>
<table id="table2">...</table>
var $tr=$("#table2 tr:eq(2)");
$("#table1").append($tr);
这是把table2的第3行复制到table1的最后一个tr的后面 $("#table2 tr").slice(0,1).append($("#table1 tr").slice(0, 1)[0]);
上一个:vs中嵌入js代码,debugger设置后,调试时,没有新开实例的对话框,而是在原项目里新建页面,但是断点无效
下一个:在asp.net中js隐藏div没有效果,而不再ASP.net中用js就OK,这是为什么?