Как сделать уникальным ID у <tr>?

248

15 декабря 2016, 16:28

У меня есть список <tr>:

Мне нужно при загрузке страницы средствами JS сделать вот так:

Как это можно реализовать? Я уже пробовал: нашел подобный скрипт, но он отрабатывает не так, как мне нужно:

var i = 0;
function test() {
    i++;
    timeR = setTimeout("test()", 100);
    document.getElementById('select').innerHTML = i;
    if (i >= 50) {
        i = 0;
    }
}

Answer 1

Достаточно воспользоваться селектором [id="select"] и методом .attr():

$(document).ready(function() { 
    $('[id="select"]').attr('id', function(i) { 
        return 'select' + (i + 1); 
    }); 
});

<table> 
    <tr id="select"><td>tr1</td></tr> 
    <tr id="select"><td>tr2</td></tr> 
    <tr id="select"><td>tr3</td></tr> 
    <tr id="select"><td>tr4</td></tr> 
    <tr id="select"><td>tr5</td></tr> 
</table> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>