SO - 20780459

by Arun P Johny

HTML

<table id="myTableID">
    <tr id="tr01">
        <td>Col 1 Value</td>
    </tr>
    <tr id="tr02">
        <td>Col 2 Value</td>
    </tr>
    <tr id="tr03">
        <td>Col 3 Value</td>
    </tr>
    <tr id="tr04">
        <td>Col 4 Value</td>
    </tr>
    <tr id="tr05">
        <td>Col 5 Value</td>
    </tr>
</table>

CSS

tr {
    min-height: 20px;
    border: 1px solid red;
}

JavaScript

var $rows = $('#myTableID tr');

$rows.slice(0, Math.ceil($rows.length / 2)).each(function () {
    var $this = $(this),
        index = $this.index();
    $this.append($rows.eq(index * 2).find('td'))
    $this.append($rows.eq(index * 2 + 1).find('td'))
})