Скрипт для автоматического добавления одинакового идентификатора ко всем таблицам

Question

У меня есть веб-сайт с большим количеством таблиц, теперь для использования определенного скрипта требуется идентификатор для каждой таблицы, существует ли способ для добавления одинакового идентификатора на каждую таблицу на сайте автоматически ?

пример по умолчанию таблица s это:

<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

Вот возможное решение:

перебирать таблиц на странице и назначить идентификатор как показано ниже,

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

<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'/>

Answer 2

Вы можете попробовать, Каждый раз, когда идентификатор таблицы был запущен при загрузке страницы

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

Answer 3

Да, вы можете сделать это с помощью JavaScript, как

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

этого кода будет просто добавьте идентификатор demoid к вашему столу

Answer 4

Вот решение

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