Javascript 按id联接列内容

我试图找到一种方法来获取和组合共享“headers”相同属性值的列内容

我正在使用jquery并尝试使用“$.map”（我以前从未使用过它），但我真的不知道如何获得我想要的最终结果

我有一个与此类似的表（我无法更改HTML，因为它是由CMS生成的）：

柱头1
专栏作家2
内容1
内容3
内容2
内容4

。。。我希望结果是这样的：

 <tr>
   <td headers="randomheadid1">content 1 content2</td>
   <td headers="randomheadid2">content 3 content4</td>
 </tr>

内容1内容2
内容3内容4

试试看

演示：

 <tr>
   <td headers="randomheadid1">content 1 content2</td>
   <td headers="randomheadid2">content 3 content4</td>
 </tr>

var $trs = $('table tbody tr');

$trs.first().find('td').each(function () {
    var $this = $(this),
        header = $this.attr('headers');
    $this.append($trs.slice(1).find('td[headers="' + header + '"]').contents())
});
$trs.slice(1).remove();