为什么我用jQuery动态插入table表单在首行显示结果就自动多了一个 还在头的上边
代码如下：
function Trdom(n1,n2){
this.username=n1;
this.passwrd=n2;
}
Trdom.prototype={
bindDOM:function(){
var html='';
html+='<tr>';
html+='<td> <input type="checkbox"</td>';
html+='<td> '+ this.username +'</td>';
html+='<td> '+ this.passwrd+'</td>';
html+='<td>教务处,新闻中心,财务处</td>';
html+='</tr>';
return html;
}
}
$(function(){
var add_btn1=$(".add_btn1");
var username=$("#username");
var passwrd=$("#passwrd");
var btn1=$(".btn1");
var add=$(".add");
var tbody=$(".tab1").find("tbody");
var inp1=$(".inp1");
var inp2=$(".inp2")
var idx=null;
//点击弹出层
btn1.click(function(){
idx=layer.open({
type:1,
title:"添加数据",
content:$("#add_up"),
skin: 'demo-class'
})
})
//点击确定按钮将表单中的值传给表单顶端，并关闭弹出层
add_btn1.on("click",function(){
//获得两个表单的值
var v1=username.val();
//console.log(1)
var v2=passwrd.val();
//创建tr对象
var trobj=new Trdom(v1,v2);
var jqtr=$(trobj.bindDOM());
tbody.prepend(jqtr);
// console.log(jqtr)
layer.close(idx)
})
})