Question

当我点击td中的元素时，我想返回给定tr的索引。

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>

javascript

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

我知道我可以用这个

调用当前tr的索引

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

当我点击.link？

时，如何获取当前tr元素的索引

Answer 1

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

Answer 2

您可以获取当前<tr>元素的索引，其元素的链接在jQuery代码下面单击：

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

Fiddle Demo

Answer 3

使用index（）jQuery函数

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") );
});

有关详细信息.index() JQuery

单击时返回数据表tr索引

3 个答案: