Question

我想获取传递行号的rowindex。我尝试使用rowIndex [2]。但我不懂。这是代码。请帮我。提前谢谢..

<html> 
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>   <!-- For jQuery --> 
    </head>
    <body>
        <div id="main">
            <button onclick = "replaceContent('tabledata')"> Click to Load  </button>
            <table id="tabledata">

            </table>              
        </div>

        <script> 
            function replaceContent(tableid)
            {
                var targetDiv = $('#' + tableid).closest("div").prop("id");
                var content = "<table> <tr> <td> One</td></tr><tr> <td> One</td></tr><tr> <td> One</td></tr><tr> <td> One</td></tr><tr> <td> One</td></tr></table>";                
                $('#' + targetDiv).html(content);         
                var x = document.getElementById("tabledata").rows[1];
                alert (x.rowIndex);
            }
        </script>
    </body>
</html>

Answer 1

如果您已经在HTML中使用<table id="tabledata">，则无需动态创建另一个，使用现有的一个作为缓存元素参考。
（另请，请务必正确关闭代码</table>）

function replaceContent(tableid) {
  
  var $table = $("#"+ tableid);
  
  // Don't put <table> inside content
  var content = "<tr><td> One</td></tr><tr> <td> Two</td></tr><tr> <td> Three</td></tr><tr> <td> Four</td></tr><tr> <td> Five</td></tr>";    
  
  $table.html(content);         
  var x = $table.find("tr").eq(1);   // Get second Row HTML for test
  alert (x.html());

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">
  <button onclick="replaceContent('tabledata')"> Click to Load  </button>
  <table id="tabledata"></table>              
</div>

使用java脚本获取指定行的行索引

1 个答案: