最近客串了一把前端，有行复制的功能用 jquery 来实现了。感觉比以前原生js用 createelement 要简单多了，但还是遇到了一些陷阱比如ie7的bug，这里记录下来。先看看 table 的样子：这里3行是一组，按下"copy"连值复制，按下"add"只增加行不复制值。calendar 使用的是 jquery ui 里的 datepicker
下图只是一个简单的demo，没有复杂的样式表：
为了灵活对应不同的表格，提取了一个共通的 js 来处理，作为使用前提：
1. table 必须有 id；
2. 有 id 的 tr 才会被复制；(tr的id从1开始编号)
3. table 内所有id都必须以 xxx_n 编号
function RowCopyUtility(opts) {
// 表格Id
this.tableId = opts.tableId;
// 分组内有多少行
this.rowGroupNumber = opts.rowGroupNumber;
// 一组内Button对应的方法Map(key=Button value, value=对应方法名)
// 所有方法都应以 function (idx) 方式调用
this.buttonHandlers = opts.buttonHandlers;
this._countForRowsGroup = -1;
this._keyForRow = -1;
this.getTargetRowGroup = function(groupIdx) {
var rows = [];
if (groupIdx > 0) {
for(var i=1; i实际遇到的问题与解决办法：
1. jQuery 的 Clone() 方法，就算传入 false，元素的事件依然会被复制过来。(IE测试)
2. attr("name", name); 在IE中，不会直接替换掉，而是生成 submitName 保存。在 IE7 里 radio 会因为 name 相同而出现问题。
3. 在大量的匿名方法中，特别要注意闭包封送参数的作用域。
4. IE7里的Bug：在radio被复制时，原来的元素的选择值就没了。因此在复制前保存了复制源的radio属性，加入document之后再次设定：
// replace name for radio
for(var n=0; n5. jQuery里清除事件单独用 attr("onclick", "") 并不好用；后期用 click(function) 绑定的事件用 unbind("click") 可以移除。
if (func != null) {
$(this).attr("onclick", "");
$(this).unbind("click");
$(this).attr("onclick", "").click(func);
}6. jQuery UI 的 DatePicker 当创建了 datepicker 之后，可以通过 hasClass("hasDatepick") 判断是否存在，否则在复制之后有问题。
（多次复制之后 datepicker settings 会莫名其妙丢失)
7. 其他，剩下就是要注意 jQuery 选择器不要过度使用了，越复杂的表达式效率越低。
顺便推荐看一下：15个值得开发人员关注的jQuery开发技巧和心得
还要说下IE9 的 debug 工具真心不错，提高不少开发效率哦一定要利用。
就这些，希望能对大家有帮助。最后附上，测试用的 html:
Header1
Header2
Header3
Header4
text:
textarea:
