Add new column before last

by yeyene

HTML

<table id="myTable" width="100%">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>6</td>
        <td>7</td>
        <td>Total</td>
    </tr>
</table>    
<input id="add" type="button" value="Add" />

CSS

td {background:green;}

JavaScript

$(document).ready(function(){
    $('#add').on('click', function(){
        var $getCol = $('#myTable tr > td');
        $getCol.eq($getCol.length-1).before('<td>New</td>');
    });
});