jQuery.column()

Useful to get all the elements in a column from the `th` point of view.

HTML

<table id=myTable>
    <thead>
        <tr><th>one</th><th>two</th><th>three</th></tr>
    </thead>
    <tbody>
        <tr><td>1</td><td>2</td><td>3</td></tr>
        <tr><td>1</td><td>2</td><td>3</td></tr>
        <tr><td>1</td><td>2</td><td>3</td></tr>
        <tr><td>1</td><td>2</td><td>3</td></tr>
        <tr><td>1</td><td>3</td><td>2</td></tr>
        <tr><td>1</td><td>2</td><td>3</td></tr>
        <tr><td>1</td><td>2</td><td>3</td></tr>
        <tr><td>1</td><td>2</td><td>3</td></tr>
    </tbody>
</table>

CSS

.found { color: red }

JavaScript

jQuery.fn.column = function(){
    var parent = $(this).parents('table');
    var headers = parent.find('th');
    var index = headers.index(this) + 1;
    return parent.find('tbody > tr td:nth-child('+index+')');
}


$('th').bind('click', function(){
    $(this).column().addClass('found');
})