Question

我有一个包含大量表格的网站，现在使用特定的脚本，每个表都需要一个ID，是否有一种方法可以自动在网站的每个表格中添加相同的ID？

默认情况下，表格为：

<table class="table-cr">
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

之后：

<table id="xxxx" class"table-cr">
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

Answer 1

这是一个可能的解决方案：

遍历页面中的表格并分配ID，如下所示

＆＃13;

var tables = $('table');
$.each(tables, function(i, tbl){
  $(tbl).prop('id', 'table'+i);     
});

$('#status').text('Dynamic Id of third table is: '+$(tables[2]).prop('id'));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table-cr">
  <tr>
    <td>Jill1</td>
    <td>Smith1</td> 
    <td>501</td>
  </tr>
  <tr>
    <td>Eve1</td>
    <td>Jackson1</td> 
    <td>941</td>
  </tr>
</table>
<table class="table-cr">
  <tr>
    <td>Jill2</td>
    <td>Smith2</td> 
    <td>502</td>
  </tr>
  <tr>
    <td>Eve2</td>
    <td>Jackson2</td> 
    <td>942</td>
  </tr>
</table>
<table class="table-cr">
  <tr>
    <td>Jill3</td>
    <td>Smith3</td> 
    <td>503</td>
  </tr>
  <tr>
    <td>Eve33</td>
    <td>Jackson3</td> 
    <td>943</td>
  </tr>
</table>

<label id='status'/>

＆＃13;

Answer 2

是的，你可以使用javascript作为

document.getElementsByTagName("table")[0].setAttribute("id", "demoid");

此代码只会将id demoid 添加到您的表中

Answer 3

你可以尝试，每当页面加载

时运行表的id

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript"> 
$(function () { $("#XXXX"); }); 
  </script>

Answer 4

这是解决方案

$(function () {
  $('table').each(function (i, t) {
     $(t).prop('id', 'table');
  });
});

用于自动向所有表添加相同ID的脚本

4 个答案: