主要是实现点击B表格行数据传递给A表格 B表格选中行隐藏 A表格选中行 点击删除 B表格隐藏行展现出来

1.给每个表格 tr 绑定点击事件

    οnclick="clickTr(this)"

2.点击B表格时行tr 隐藏选中行 同时把这行数据插入A表格

function Bclick(obj){$(obj).hide();var tds=obj.getElementsByTagName('td')//$(obj).index() 是点击当前行在表格中的下标var otr= '<tr οnclick="BclickTr(this)" id="row'+$(obj).index()+'">'//加上id是为了删除在显示回到原来的位置for(var i=0;i<tds.length;i++){if(i==tds.length-1){//判断td为了不展示otr+='<td class="TableHeaderCell" nowrap="nowrap" style="display: none;">'+ tds[i].innerHTML +'</td>'}else{otr+='<td class="TableHeaderCell" nowrap="nowrap" >'+ tds[i].innerHTML +'</td>'}}otr+=' </tr>'$('#bTableBody').prepend($(otr))//每次从第一行插入A表格
}

3.A表格选中行删除 同时B表格展示出来

var active = '';

function Aclick(obj){

        active = obj

} 

点击删除按钮

function delBill() {if(!active){alert('请先选中行！')return}$(active).remove()$('#BTable tr').eq($(active).attr('id').slice(3)).show()
}