表行作为HTML中的计数器

Question

我想知道如何为表行分配一个系统地作为计数器的id。它可以是字符串+计数器，如下所示：

<table>
   <tr id="Row1"> # it can be only a number => id="1"
   <tr id="Row2"> # it can be only a number => id="2"
   <tr id="Row3"> # it can be only a number => id="3"
   .....
   <tr id="Row5000"> # it can be only a number => id="5000"
</table

因为我有数千行，然后无法手动为其分配ID。这就是我想通过XSLT分配它们的原因。有谁知道我怎么能这样做？谢谢。

Answer 1

// javascript

var table = document.querySelectorAll('table tr');
{
for(var i=0;i<table.length;i++){
table[i].setAttribute("id",i+1);
} 

// jQuery的

$("table tr").each(function(index,object) {
object.attr("id",(index+1));
})

Answer 2

$("table tr").each(function(i, tr) {tr.id = 'Row' + (i+1);})

解释：您可以在表中找到每个tr并为每个tr分配id。

Answer 3

首先，像这样为表分配一个id属性

<table id="mytable">
  <tr></tr>
  <tr></tr>
  ....
</table>

然后在文档底部添加一个脚本

<script>
 (function() {
    var rows = document.getElementById("mytable").rows;
    for(var i = 1; i <= rows.length; i++) {
      rows[i-1].id = 'Row'+i;
    }  
 })();

它是一个纯粹的JavaScript解决方案。不需要jQuery。

Answer 4

为您的表分配一个ID。这里它的newTable然后迭代并设置属性

<script>
    function getit(){
    $('#newTable').find('tr').each(function(index){
          var x= this.setAttribute("id","Row"+[index]);
        console.log(x);
        })
    }
    </script>

希望有所帮助。