Javascript 如何连接不同表中的行

我有两个表，需要允许用户将一个表中的行与另一个表中的行连接起来，例如：

稍后，当用户单击submit按钮时，我需要以下方式了解这些连接的信息：

我应该如何使用HTML/Javascript实现这一点

---

检查下面我的代码片段

用法：从左表中选择单击任意数量的行，从右表中选择一行，然后单击添加连接，然后添加连接并以javascript对象的形式显示在页面下方

注意：选中的行以灰色亮显，取消选中该行时，将删除亮显

片段

$document.readyfunction{ var temp_color='dddddddd'； $'tr'。单击，函数{ current_background=$this.css'background-color'； $this.toggleClass'selected'； 如果$this.hasClass“已选定”{ $this.css'background-color'，temp_color； }否则{ $this.css'background-color'，'fff'； } }; $'add_conn'。单击，函数{ 左向量=[]； var right=[]； $'tr'.filterfunction{ 变量匹配='RGB255255255'； var this_元素=$this.css'background-color'； 如果hexcthis_元素！=hexcmatch{ $this.css'background-color'，'ffffff'； $this.toggleClass'selected'； var计数=0； var字符串_检验=； $this.find'td'。每个函数{ 如果计数小于2{ string_test++$this.text； } 计数++； }; 如果$this.closest'div.attr'id'==1{ 左。推杆_测试。修剪； }否则如果$this.closest'div.attr'id'==2{ 右键。推杆_测试。微调； } } }; var temp=$'message'.html； var-arr=[]； 对于l=0；l对于var i=1；i，有一个名为splumb的库，它在连接事物时非常强大，但只有基本的变体是免费的，但它可能是一个很好的起点。@axel.michel，thaks，但这对我来说很昂贵。无论如何，谢谢。解决方案b可以接受。没有解决方案a，b优先。所以接受，谢谢。

[ 
  {left: "Pera Lozac", right: "Eve Jakson"},  
  {left: "Mika Mikic", right: "Jill Smmith"},  
  {left: "Zika Zivac", right: "Joh Doe"},  
  {left: "Dezurni Krivac", right: "Joh Doe"},  
]