网页制作：页面中有两个表格，用js或者jquery实现将其中一个表格的某一行复制到另一个表格的一行。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页制作：页面中有两个表格，用js或者jquery实现将其中一个表格的某一行复制到另一个表格的一行。相关的知识，希望对你有一定的参考价值。
有急用，希望各路高手帮帮忙，谢谢了！
<!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> 参考技术A <table id="table1">...</table>
<table id="table2">...</table>
var $tr=$("#table2 tr:eq(2)");
$("#table1").append($tr);
这是把table2的第3行复制到table1的最后一个tr的后面追问
能不能麻烦写清楚一点啊，thank you 了！
参考技术B $("#table2 tr").slice(0,1).append($("#table1 tr").slice(0, 1)[0]);追问能不能麻烦写清楚一点啊，谢谢了！
追答JQUERY实现
$("#table2 tr") 找到id=table2 表中的tr行
slice(0,1) 找到第1行,如果你想找其他行,改参数即可
append() 向所在行后面追加一些HTML标记
我要的是复制啊，这样就直接把其中一个表格的行剪切到另一个表格了（append），有没有不是剪切的方法。
追答复制用 clone()
$("#table1 tr").slice(0, 1).clone().insertAfter($("#table2 tr:eq(0)"))
jquery easyui grid 表格特殊字符处理
grid 获取的数据中，如果数据存在测试的字符，或者js语句，会导致页面布局错乱，如下方法，让获取到的数据全部当成文本进行显示
此操作主要防止以下亮点
1. 由于业务需要，查询的数据中存在特殊字符或者js语句，如:数据库字段中有一个字段的内容是: "alert(‘商品编码‘);",那么这个字段查出来到表格中之后，页面会弹出提示框
2.grid查询的字段来自于用户手动输入的文本，如果有恶意攻击，直接输入js语句，会执行相关语句。
表格字段formatter 的时候调用 HTMLEncode
{field:‘dlAddress‘,title:‘使用地点‘,width: 200,align:‘center‘,
formatter : function(value, row, index) {
return HTMLEncode(value);
}
}
/*-----------------------------------------------------------------------------------------*\
* 函数: 把特殊字符进行转换
* 参数: value -- 需要转化的字符串
* 返回值:
* 描述:
\*-----------------------------------------------------------------------------------------*/
function HTMLEncode(value) {
var returnValue;
if(value==null){
return null;
}
returnValue = value.replace(/&/g, ‘&‘);
returnValue = returnValue.replace(/</g, ‘<‘);
returnValue = returnValue.replace(/>/g, ‘>‘);
returnValue = returnValue.replace(/\n\n/g, ‘<br/>‘);
returnValue = returnValue.replace(/\r\r/g, ‘<br/>‘);
returnValue = returnValue.replace(/\n/g, ‘<br/>‘);
returnValue = returnValue.replace(/\r/g, ‘<br/>‘);
returnValue = returnValue.replace(/\t/g, ‘ ‘);
return returnValue;
}
以上是关于网页制作：页面中有两个表格，用js或者jquery实现将其中一个表格的某一行复制到另一个表格的一行。的主要内容，如果未能解决你的问题，请参考以下文章
怎么用JAVA动态生成一个表格 ？从数据库读出数据 然后用JSP页面显示出来 形成一个表格
用纯js在网页中渲染一个列表,列表中的数据用js定义一个数组,存储在数组中,至少要有两个字段