2

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

Оригинал

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

Как нужно сделать

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

var i = 0;
function test() {
    i++;
    timeR = setTimeout("test()", 100);
    document.getElementById('select').innerHTML = i;
    if (i >= 50) {
        i = 0;
    }
}
8
  • Спасибо, что заметили. Исправлю. Очепятка ;)
    – Игорь
    23 июн 2015 в 18:22
  • А в таком виде и не отработает. Некоторые браузеры в поиске по ID в принципе возвращают только один элемент. т.е. проставить id не проблема, но для этого нада сначала найти элементы. А вот найти все элементы вы по $("#select") вы не сможете.
    – user177221
    23 июн 2015 в 18:23
  • Неужели нельзя вытянуть все #select и начать отсчет?
    – Игорь
    23 июн 2015 в 18:24
  • У меня есть такой скрипт <script type="text/javascript"> var i=0; function test() { i++; timeR=setTimeout("test()", 100); document.getElementById('select').innerHTML=i; if(i>=50){i=0;} } </script>
    – Игорь
    23 июн 2015 в 18:25
  • на body вешаю событие, onload="test()" не отрабатывает (
    – Игорь
    23 июн 2015 в 18:29

1 ответ 1

2

Достаточно воспользоваться селектором [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>

2
  • Спасибо огромное
    – Игорь
    23 июн 2015 в 18:32
  • @Игорь на здоровье. Если ответ вам подходит, не забудьте отметить его как правильный.
    – Regent
    23 июн 2015 в 18:33

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.