按id联接列内容

Join column content by id

本文关键字：id 更新时间：2024-04-11

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

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

我有一个类似于这个的表（我没有办法更改HTML，因为它是由CMS生成的）：

<table>
<thead>
 <th id="randomheadid1">column head 1</th>
 <th id="randomheadid2">columnhead 2</th>
</thead>
<tbody>
 <tr>
   <td headers="randomheadid1">content 1</td>
   <td headers="randomheadid2">content 3</td>
 </tr>
 <tr>
   <td headers="randomheadid1">content 2</td>
   <td headers="randomheadid2">content 4</td>
 </tr>
</tbody>
</table>

我希望结果是这样的：

 <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();

演示：Fiddle

没有找到相关文章