Return datatables tr index on click

Question

I want to return the index of a given tr when I click on an element inside of a td.

The html

    <table class="tablesorter-js">
    <thead>
        <tr>
            <th class="txt-align-left>Builder</th>
            <th class=" txt-align-left " jobs">Current jobs</th>
            <tbody>
                <tr>
                    <td>some text <a class="link" href="#">A link</a>

                    </td>
                    <td>tome more text</td>
                </tr>
                <tr>
                    <td>some text <a class="link" href="#">A link</a>

                    </td>
                    <td>tome more text</td>
                </tr>
            </tbody>
</table>

the javascript

$('.link').click(function(e {
e.preventDefault();
console.log(oTable.fnGetPosition(this))
});

I know I can invoke the index of the current tr with this

var oTable = $('.tablesorter-js').dataTable();
$('.tablesorter-js tbody tr').click( function () {
    var pos = oTable.fnGetPosition(this)    
    // I want the position of the tr element when I click on .link              
    return pos;
});

How do I get that index of the current tr element when I click on .link?

JAYBEkster · Accepted Answer · 2014-01-22 14:06:27Z

1

$('.link').click(function(e) {
    e.preventDefault();
    console.log( $(this).closest('tr').index() );
});

answered Jan 22, 2014 at 14:06

JAYBEkster

7901 gold badge6 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chirag Vidani · Accepted Answer · 2014-01-22 14:01:36Z

0

You can get index of current <tr> element whose link is clicked with below jQuery code:

$('.link').click(function(){
    alert($(this).closest('tr').index());
});

Fiddle Demo

answered Jan 22, 2014 at 14:01

Chirag Vidani

2,59519 silver badges27 bronze badges

Comments

Raja Jaganathan · Accepted Answer · 2014-01-22 14:04:20Z

0

Use index() jQuery function

var oTable = $('.tablesorter-js').dataTable();
$('.tablesorter-js tbody tr').click( function () {
    //var pos = oTable.fnGetPosition(this)       
    var idx = $(this).index(".tablesorter-js tbody tr");     
    return idx;
});

$('.link').click(function(e) {
    e.preventDefault();
    console.log( $(this).closest('tr').index(".tablesorter-js tbody tr") );
});

For more details .index() JQuery

answered Jan 22, 2014 at 14:04

Raja Jaganathan

36.7k4 gold badges34 silver badges37 bronze badges

Collectives™ on Stack Overflow

Return datatables tr index on click

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related