得到表rownum?

时间:2016-08-17 09:56:34

标签: javascript jquery

我想获得点击的表格行号。 表只有table-body,而不是table,tr和td

问题:

如何获取我点击的行号?

test.prototype.clickRowDisplay = function () {

//code

};

3 个答案:

答案 0 :(得分:1)

这有助于您:

$("table tr").on("click",function(index){
    alert("You Click Number : " + ($(this).index() + 1));
  })

最终代码:

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <table border="1">
            <tr><td>Ehsan</td><td>Taghdisi</td></tr>
            <tr><td>Amin</td><td>Abbas</td></tr>
            <tr><td>Saeed</td><td>Hassani</td></tr>
            <tr><td>Karim</td><td>kazem</td></tr>
        </table>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $("table tr").on("click",function(index){
                    alert("You Click Number : " + ($(this).index() + 1));
                })
            })
        </script>
    </body>
</html>

答案 1 :(得分:0)

试试这个:

$('#thetable').find('tr').click( function(){
  alert('You clicked row '+ ($(this).index()+1) );
});

它将返回单击的行号

答案 2 :(得分:0)

这将获得所点击行的索引。代码如下。

$('#thetable').find('tr').click( function(){
  alert('You clicked row '+ ($(this).index()+1) );
});

如果要返回存储在每行第一个单元格中的数字。然后它的代码如下所示:

$('#thetable').find('tr').click( function(){
  var row = $(this).find('td:first').text();
  alert('You clicked ' + row);
});